Как отключить указанную опцию c в теге select с помощью selected jquery - PullRequest
Новая
       27

Как отключить указанную опцию c в теге select с помощью selected jquery

0 голосов
/ 11 апреля 2020

У меня есть выбор, который отображается выбранным множественным выбором jquery. 

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

Мой вопрос здесь, когда я выбираю красный, я хочу отключить все другие опции в моем множественном выборе, как сделать это?

Спасибо

1 Ответ

1 голос
/ 11 апреля 2020

Вы можете определить 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>
...