2012-07-17 63 views
0

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

<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,e.g阅读选择的选项:

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

但我不知道如何重置/清除所有上述选项,我应该点击“重置”按钮。我试过了:

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

但是这不起作用。有谁知道JQM如何存储哪些选项已被选中,以及如何重置这些选项?

感谢, 斯图

回答

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);