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

我有一个代码，当

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>

全选
文本1
文本2
文本3
全选
文本1
文本2
文本3
全选
文本1
文本2
文本3
全选
文本1
文本2
文本3
全选
文本1
文本2
文本3
全选
文本1
文本2
文本3

我想选择该类并立即重置所有类，但唯一的方法是使用：

$（'select'）.val（''）.selectmenu（'refresh'）

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

这是我的

您只需在选择后添加它：

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

希望这能有所帮助。
如果有机会，请回答最后一个问题。如果我只想选择。无论我得到以下错误：
Uncaught错误：无法在初始化之前调用selectmenu上的方法；尝试在此JSFIDLE中调用方法“refresh”
：很抱歉@SaulOrtega，但我无法检测到问题，正常情况下应该可以，请查看）。不，我可以看到错误，但不知道如何解决。