Как очистить несколько выпадающих списков за раз, используя JQuery

Question

В моем приложении у меня есть 5 выпадающих списков.

Когда выбрано одно выпадающее меню, мне нужно сбросить все остальные четыре раскрывающихся списка.

Я назначаю класс для всех выпадающих списков.

Я пытаюсь сделать так:

$("#ddl1").change(function() 
    { 
     $(this).removeClass("clear"); 
     $(.clear).each(function() 
{ 
    $(this).val(''); 
}); 
    }); 

Но, выше фрагмент кода работает. Я имею в виду его не очищая другие выпадающий-х

Пожалуйста, предложите ..

Answer 1

селектор класса должен иметь кавычки $('.clear') и кстати вам не нужен четкий класс также

$('select').change(function(){ 
    $('select').not(this).each(function(){ 
     $(this).val(''); 
    }); 
}); 

Answer 2

Вы пропустили некоторые цитаты в вашем селекторе классов. Должно быть:

$(".clear").each(function() ... 

Answer 3

JSFIDDLE DEMO

Вам не нужно, чтобы очистить класс clear, используйте not(this) исключить выбранный выпадающий список.

$("#ddl1").change(function() { 
    $('.clear').not(this).val(''); 
}); 

Answer 4

Самый правильный способ сделать это было бы, чтобы изменить выбранное свойство <option> тегов: (. Ясно)

$('#ddl1').on('change', function() 
{ 
    // un-select the selected dropdown item 
    $('.clear option:selected').prop('selected', false); 

    // select only first dropdown item 
    $('.clear option').eq(0).prop('selected', true); 
});