javascript - 如何重置 jQuery mobile 中的下拉菜单

Question

我在 how to reset dropdowns in jQuery 中找到了这篇文章，效果很好，但是当我选择 jquery mobile 时就不再工作了。这是我的 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

您应该做的是将下拉列表的值设置为''

试试这个

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


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

这是一个工作 JS Fiddle .