Question

我有这段代码可以在dropdown1更改时重置所有下拉菜单。

<select id="name" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name2" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name3" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name4" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name5" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>
<select id="name6" class="whatever">
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

我想选择课程并立即重置所有课程，但唯一的方法是：$('select').val('').selectmenu('refresh');

但是，如果我想指定一个自定义类名称，例如在这种情况下＆＃34;无论＆＃34;。我该怎么办？

这是我的jsfiddle

Answer 1

<强> Working fiddle

您只需在选择后添加：

$('#name').change(function(){
     $('select.whatever').val('').selectmenu('refresh');
});

希望这有帮助。

如何使用自定义类一次重置jquery mobile中的多个下拉列表

1 个答案: