javascript - Jquerymobile 选择菜单禁用选项

Question

嗨，我发现很难完成这项工作，在我的 jquery Mobile 应用程序中，我有 3 个选择菜单，其中包含所有菜单中常见的选项，代码如下

<select class="mySelect4" data-corners="false" id="objective1" >
     <option value=1>Select</option>
      <option value=2>Generate</option>
      <option value=3>Increase</option>
      <option value=4>Enhance customer engagement</option>

    </select>

      <select class="mySelect5" data-corners="false" id="objective2" >
     <option value=1>Select</option>
      <option value=2>Generate</option>
      <option value=3>Increase</option>
      <option value=4>Enhance</option>
    </select>

     <select class="mySelect6" data-corners="false" id="objective3" >
     <option value=1>Select objective 3</option>
      <option value=2>Generate</option>
      <option value=3>Increase</option>
      <option value=4>Enhance</option>
    </select>

如果用户在第一个选择菜单中选择一个选项，则应在其他两个选择菜单中禁用该选项。任何想法或解决方案都值得赞赏

Answer 1

 $('#objective1').change(function(){
      var value1=$(this).val();

      $('#objective2').find("option").each(function(){
           if($(this).val()==value1){
                $(this).attr("disabled","disabled");
           }
      });

 });

对于 Objective2 和 Objective3 选择框也是如此

希望对你有用