Question

我现在已经坚持了一天..主要问题是，我无法获得selectmenu的jqm小部件以反映＆＃34;选择＆＃34;正确进入。

我选择第二个选项，然后重置..所以它返回第一个选项。好！虽然它没有第二次工作。为什么不？源代码正确地指出第一个选项是＆＃34;选择＆＃34;，但它没有显示。页面重新加载后，它再次起作用...

在顶部，如果我在jqm弹出窗口小部件中使用selectmenu，它甚至不能工作一次。我认为这两个问题都是相关的。

function reset() {  
    $('#myselect option[value="1"]').attr("selected", true);
    //$('#myselect').selectmenu();
    $('#myselect').selectmenu('refresh');
}

<div class="ui-field-contain">
    <label for="myselect">Basic:</label>
    <select  name="select-native-1" id="myselect">
        <option value="1">The 1st Option</option>
        <option value="2">The 2nd Option</option>
        <option value="3">The 3rd Option</option>
        <option value="4">The 4th Option</option>
    </select>
</div>

<button onclick="reset();">Reset</button>

示例：https://jsfiddle.net/0v5f6m88/12/

提前感谢！

Answer 1

这对我有用：

function selectReset() {    
  $('#myselect').val("1");
    $('#myselect').selectmenu('refresh', true);
}

至于为什么你的原始代码不起作用，它与jquery mobile如何处理所选值有关。如果您在选择值时查看原始选择，则该选项无法选择＆＃39;它的属性。我想这与它有关，不知道它为什么第一次有效。

jquery mobile选择不刷新小部件

1 个答案: