jquery - 如何使用jquery检查多个下拉列表的值

Question

我想使用 Jquery my HTML Lists 检查是否从三个 deop 下拉列表中选择了 B、A、C

<select id="option1">
                        <option value="none" selected>--Select--</option>
                        <option value="A">a</option>
                        <option value="B">b</option>
                        <option value="C">c</option>

                    </select>
                </div>
                <div  class="wrapper">
                <span>b.Features are</span>
                    <select id="option2">
                        <option value="none" selected>--Select--</option>
                        <option value="A">a</option>
                        <option value="B">b</option>
                        <option value="C">c</option>

                    </select>
                </div>
                <div  class="wrapper">
                <span>c.Data binding</span>
                    <select id="option3">
                        <option value="none" selected>--Select--</option>
                        <option value="A">a</option>
                        <option value="B">b</option>
                        <option value="C">c</option>

                    </select>
                </div>

我使用 Javascript 尝试过，但我需要使用 Jquery 来实现

  var atp = document.getElementById( "ID" );
 if(atp.option1.value !== "B" || atp.option2.value !=="C" || atp.option3.value !=="A")
   {
   //do something
   }

如何使用 jquery 实现这一点？

Answer 1

您可以使用$.each：

$("select").each(function() {
    if (this.value == "A" || ..) { //obviously do all the checking
        //found a select matching the conditions
        //Do stuff!
        return true; //this exits the each loop ^^
    }
});

Answer 2

查看 jQuery Funktion val()。 http://api.jquery.com/val/

 if($('#option1').val() !== "B" || $('#option2').val() !=="C" || $('#option3').val() !=="A")
   {
   //do something
   }

Answer 3

这可以解决问题：

   if($('#option1').val() == "B" && $('#option2').val() =="A" && $('#option3').val() =="C")
       {
       //all values selected
       }else{
       //false
    }