如何使用Jquery一次清除多个下拉列表

Question

在我的申请中，我有5个下拉列表。

当选择一个下拉列表时，我需要重置所有其他四个下拉列表。

我将班级明确分配给所有下拉列表。

我想这样做：

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

但是，上面的代码片段正在运行。我的意思是它没有清除其他下拉列表

请建议..

Answer 1

类选择器应该有引号$('.clear')和btw 你也不需要一个明确的课程

$('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);
});