jquery on('change'......不能在多个标签中工作[重复]
Posted
技术标签:
【中文标题】jquery on(\'change\'......不能在多个标签中工作[重复]【英文标题】:jquery on('change'... not working in multiple tags [duplicate]jquery on('change'......不能在多个标签中工作[重复] 【发布时间】:2016-08-20 20:40:33 【问题描述】:当我使用 jquery .on('change' function() 时,我无法获得第二个输入选择的 .val()
我有 2 个选择元素:
<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);
);
);
我得到第一个输入选择的值,但第二个总是给我 null 作为值检查。
【问题讨论】:
您需要通过 ID 引用它们。 【参考方案1】:$(document).ready(function()
$("select").on('change', function()
var mySel = $(this).val();
console.log(mySel);
);
);
您需要使用this
!
** 当您使用 $('select') 时,val 函数只能返回一个字符串,因此它会在您的情况下从 2 的选择中返回第一个可用值
【讨论】:
以上是关于jquery on('change'......不能在多个标签中工作[重复]的主要内容,如果未能解决你的问题,请参考以下文章
任何人在 ios 12.2 上遇到 jquery.on('change') 或 .change() 的任何问题?
jquery radio改变时没有触发on的change事件,是为啥
jQuery 收音机输入 .on('change') 触发了两次
jquery on('change'......不能在多个标签中工作[重复]