0

我正在使用 jQuery Mobile (v1.1.1) 创建智能手机应用程序,但我想要一个“重置”按钮来清除控制应用程序的表单。例如

<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 如何存储已选择的选项以及如何重置这些选项?

谢谢,斯图

4

1 回答 1

0

我用那个:

$('.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);
于 2012-08-08T12:07:50.947 回答