Question

我正在使用jQuery Mobile（v1.1.1）创建智能手机应用程序，但我想要一个“重置”按钮，清除控制应用程序的表单。 E.g。

<label for="list1">Select an option</label>
<select id="list1" name="list1" data-native-menu="false" multiple>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">option 4</option>
</select>

我没有用

附上上面的标记

<form method="" action=""> ... </form>

（这可能是JQM期望的）因为我想在客户端上进行所有处理而不是将内容发送到服务器。我可以阅读使用一些普通jQuery选择的选项，例如：

var vals = [];
$('select option:checked').each(function() {vals.push($(this).attr('value'));});

但是，如果我点击“重置”按钮，我无法弄清楚如何重置/清除所有上述选项。我试过了：

$('select option').attr('checked', 'unchecked');

但这不起作用。有谁知道JQM如何存储选择了哪些选项以及如何重置这些选项？

谢谢，斯图

Answer 1

我用它：

$('.ui-select a').find('.ui-btn-text').text('placeholder text')

$('.ui-selectmenu ul li[aria-selected="true"]')
    .attr('aria-selected', 'false')
    .removeClass('ui-btn-active');

也许它会有所帮助。

修改

我还找到了其他解决方案：

$('select option').removeAttr('selected'); $('select').selectmenu('refresh', true);

jQuery Mobile休息表单元素

1 个答案: