2012-07-17 61 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);