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个好答案。