问题是你总是瞄准目标
$('.mySelector option:selected')
. 这只会看到
.mySelector
dom中的元素。
从逻辑的上下文来看,您似乎希望查看选定的选项
在内部
这个
select
使
change
事件。因此你需要使用
this
和
find()
. 还要注意,更新
.newDiv
循环完成后:
$(document).on('change', '.mySelector', function () {
var str = "";
$(this).find('option:selected').each(function () {
str += $(this).text();
});
$('.newDiv').text(str);
});
通过使用
map()
:
$(document).on('change', '.mySelector', function () {
var str = $(this).find('option:selected').map(function () {
return $(this).text();
}).get().join('');
$('.newDiv').text(str);
});