jquery on('change'... 在多个标签中不起作用

Question

当我使用 jquery .on('change' function()

时，我无法获得第二个输入 select 的 .val()

我有 2 个 select 个元素：

<select id="itemsA">
   <option selected disabled>Select option</option>
   <option value="a">Item A</option>
   <option value="b">Item B</option>
   <option value="c">Item C</option>
   <option value="d">Item D</option>
</select>
<select id="itemsB">
   <option selected disabled>Select option</option>
   <option value="1">Item 1</option>
   <option value="2">Item 2</option>
   <option value="3">Item 3</option>
   <option value="4">Item 4</option>
</select>

这是我的 jquery 代码

$(document).ready(function(){
    $("select").on('change', function(){
        var mySel = $("select").val();
        console.log(mySel);
    });
});

我得到第一个输入的值 select 但第二个输入总是给我 null 作为值检查。

Answer 1

$(document).ready(function(){
    $("select").on('change', function(){
        var mySel = $(this).val();
        console.log(mySel);
    });
});

您需要使用this！

** 当您使用 $('select') 时，val 函数只能 return 一个字符串，因此它 return 是从 2 组成的选择中的第一个可用值你的情况

jquery on('change'... 在多个标签中不起作用

jquery on('change'... not working in multiple tags

javascript

jquery

onchange