我如何重置jQuery手機中的下拉菜單

我在how to reset dropdowns in jQuery中發現了這篇文章，效果很好，但是當我選擇jquery手機時無法使用。這是我的jsfiddle代碼： http://jsfiddle.net/TmJCE/684/我如何重置jQuery手機中的下拉菜單

<form> 
    <select id="name" > 
    <option value="">select all</option> 
    <option value="1">Text 1</option> 
    <option value="2">Text 2</option> 
    <option value="3">Text 3</option> 
</select> 

<select id="name2" > 
    <option value="">select all</option> 
    <option value="1">Text 1</option> 
    <option value="2">Text 2</option> 
    <option value="3">Text 3</option> 
</select> 
    <a data-role="button" data-inline="true" onclick="$('#name').prop('selectedIndex',0);">Cancel</a> 
</form>

在如何做到這一點任何想法？

來源

2015-08-25 VaTo

試試這個http://jsfiddle.net/TmJCE/685/讓我知道它是否適合你。 – Sushil

爲我做了答案@SaulOrtega？ – Sushil

@Sushil謝謝你的回答，我正在修復我的代碼中的另一個bug，然後我會回到你的代碼。 – VaTo

你應該做的是設置的dropdown到''

值試試這個

$('#name2').change(function(){ 
    $('#name').val('').selectmenu('refresh'); 
}); 


$('#name').change(function(){ 
    $('#name2').val('').selectmenu('refresh'); 
});

這裏的工作JSFIDDLE。希望這可以幫助。

來源

2015-08-25 19:20:18 Sushil

你是否知道我怎麼能一次重置很多下拉菜單？例如在這種情況下：http://jsfiddle.net/TmJCE/686/當我選擇下拉菜單1時，所有其他下拉菜單都會重置。 – VaTo

而不是'id'，你可以使用'class' – Sushil

像這樣：http://jsfiddle.net/TmJCE/686/？ – VaTo

我如何重置jQuery手機中的下拉菜單

回答

相關問題