如何使用 chosen jquery 禁用 select 标签中的特定选项

Question

我有一个 select 由选择的 multiselect jquery.

渲染

`<select>
    <option>red</option>
    <option>blue</option>
    <option>yellow</option>
    <option>green</option>
    <option>white</option>
</select>`

我的问题是，当我 select 红色时，我想禁用我的 multi select 中的所有其他选项，该怎么做？

谢谢

Answer 1

您可以检测值中的 change，并在选择 red 的情况下迭代所有其他选项以使用 .attr("disabled","disabled"); 禁用它们，如下所示：

$(document).ready(function(){
     $('select').on('change', function(){
          if(this.value == 'red'){
               $('select option').map(function() {
                    if($(this).val()!='red')
                         $(this).attr("disabled","disabled");
               });
          }
     })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
     <option>red</option>
     <option>blue</option>
     <option>yellow</option>
     <option>green</option>
     <option>whi te</option>
</select>

如何使用 chosen jquery 禁用 select 标签中的特定选项

How to disable a specific option in select tag using chosen jquery

jquery

jquery-chosen