javascript - 如何使用自定义类一次重置 jquery mobile 中的多个下拉菜单

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');

但是，如果我想指定一个自定义类名，如本例中的“whatever”，该怎么办？我该怎么做？

这是我的 jsfiddle

Answer 1

Working fiddle .

您只需在选择后添加它:

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

希望这对您有所帮助。