jquery - jQuery将相同的功能设置为不同的动作

Question

我有很多动作应该具有相同的功能

<ul>
    <li>
        <select id="s1">
            <option>Name</option>
            <option>Year</option>
        </select>
    </li>
    <li>
        <select id="s2">
            <option>Day</option>
            <option>Month</option>
        </select>
    </li>
</ul>

并且该选择器的 jQuery 调用是

$(document).ready(function(){
    $("#s1").on('change',function(){
        var value = $("#s1").val();
        alert(value);
    });
    $("#s2").on('change',function(){
        var value = $("#s2").val();
        alert(value);
    });
});

看电话，它们是一样的，我怎么能把它们作为一个电话？ 代码

Answer 1

尝试这个：

$("#s1, #s2").on('change', function() {
    var value = this.value; // use native code where possible
    alert(value);
})

Answer 2

对于你所拥有的，你可以像下面这样写，

$("#s1m, #s2").on('change',function(){
    var value = $(this).val(); //Note using this
    alert(value);
});

Answer 3

这应该有效：

$(function() {
    $("#s1, #s2").on("change", function() {
        var value = $(this).val();
        alert(value);
    });
});

用于this获取当前关注的对象。

Answer 4

试试这个-->

$(document).ready(function(){
$("#s1, #s2").on('change',function(){
        var value = $(this).val();
        alert(value);
    });
});

Answer 5

这应该有帮助

$("#s1, #s2").on('change',function(){
    var value = $(this).val();
    alert(value);
});

if '#s1' 触发该函数，因此$(this)引用 select 标记'#s1'，因此该语句var value = $(this).val()将为您提供 select 中的选定选项'#s1'

和选择相同的东西'#s2' 看到这个