jQuery Mobile 休息表单元素答案

【问题标题】：jQuery Mobile restting form elementsjQuery Mobile 休息表单元素
【发布时间】：2012-07-17 13:34:03
【问题描述】：

我正在使用 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 如何存储已选择的选项以及如何重置这些选项？

谢谢，斯图

【问题讨论】：

标签： jquery forms mobile jquery-mobile reset

【解决方案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);

【讨论】：