Javascript 使用相同的类名遍历select下拉列表以查找特定选项的选择
我想搜索具有相同类名的选择框,以发现是否有人选择了特定选项Javascript 使用相同的类名遍历select下拉列表以查找特定选项的选择,javascript,jquery,html,select,Javascript,Jquery,Html,Select,我想搜索具有相同类名的选择框,以发现是否有人选择了特定选项 <select class='myclass' id='instance1'> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option valu
<select class='myclass' id='instance1'>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select class='myclass' id='instance2'>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select class='myclass' id='instance3'>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<script>
$('.myclass').each(function(i, obj) {
// if anyone wants an audi, let me know
if (something == 'audi')
alert("found!");
});
这样:
$('.myclass').each(function(i, obj) {
// if anyone wants an audi, let me know
if (obj.value() == 'audi')
alert("found!");
});
但是,您可能需要在函数中使用JS代码:这样:
$('.myclass').each(function(i, obj) {
// if anyone wants an audi, let me know
if (obj.value() == 'audi')
alert("found!");
});
您可能需要在函数中使用JS代码:只需使用:selected pseudo获取所有选定选项,并按值过滤它们。这是一个凉爽干净的衬里
$('.myclass option:selected').filter("[value=audi]")
之后,您可以在变量中获取该值,并检查长度是否大于0。所以你选择了奥迪 只需使用:selected pseudo获取所有选择的选项,并按值过滤它们。这是一个凉爽干净的衬里
$('.myclass option:selected').filter("[value=audi]")
之后,您可以在变量中获取该值,并检查长度是否大于0。所以你选择了奥迪
$“检查”。单击函数{
$'.myclass'.eachfunctioni,obj{
//如果有人想要奥迪,请告诉我
如果对象值==‘奥迪’{
找到了!;
}否则{
警报“未找到”;
}
};};
检查
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
$“检查”。单击函数{
$'.myclass'.eachfunctioni,obj{
//如果有人想要奥迪,请告诉我
如果对象值==‘奥迪’{
找到了!;
}否则{
警报“未找到”;
}
};};
检查
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
您需要一个按钮来处理检测,或者您可以绑定到selectchange事件处理程序并处理新选择的选项 要通过单击按钮实现,请将以下内容添加到HTML中
<button id="checkSelected">Check for Audi</button>
这将横穿DOM并为myclass类的组合框选择所有选定的元素,检查该值是否等于,并提醒用户从哪个框中选择它
您需要一个按钮来处理检测,或者您可以绑定到selectchange事件处理程序并处理新选择的选项 要通过单击按钮实现,请将以下内容添加到HTML中
<button id="checkSelected">Check for Audi</button>
这将横穿DOM并为myclass类的组合框选择所有选定的元素,检查该值是否等于,并提醒用户从哪个框中选择它
这些离题的神是谁。代码中的注释指示用户遇到问题的位置。这是一个独特的、最小的、完整的、可验证的问题,有4个好答案。这些离题神是谁。代码中的注释指示用户遇到问题的位置。这是一个独特的、最少的、完整的、可验证的问题,有4个好答案。