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

Posted 2023-05-09

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

【英文标题】：How can I reset multiple dropdowns in jquery mobile with custom class at once

【发布时间】：2015-11-19 19:16:27

【问题描述】：

我有这段代码，当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');

但是，如果我想指定一个自定义类名，就像在这种情况下“随便”一样。我该怎么做？

这是我的jsfiddle

【参考方案1】：

Working fiddle.

您只需在选择后添加它：

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

希望这会有所帮助。

【讨论】：

最后一个问题，如果你有机会的话。如果我只想选择 .whatever 我得到以下错误：Uncaught Error: cannot call methods on selectmenu prior to initialization; attempted to call method 'refresh' in this jsfiddle:jsfiddle.net/TmJCE/698

很抱歉@SaulOrtega，但我无法检测到问题，通常它应该可以工作，看看Cannot call methods prior...）。

不，我可以看到错误但我不知道如何解决它。