如何在jQuery mobile中重置下拉列表

Question

我在how to reset dropdowns in jQuery找到了这个帖子，效果很好，但是当我选择jquery时，移动设备已不再适用了。这是我的jsfiddle代码： http://jsfiddle.net/TmJCE/684/

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

如何实现这一目标的任何想法？

Answer 1

您应该将dropdown的值设置为''

试试这个

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


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

这是一个有效的JS Fiddle。