使用 jQuery 选择选择元素中的第一个选项

Question

我读过一些关于如何使用 jQuery 在 HTML Select 元素中选择第一个选项的文章，但我似乎无法让它在 jQuery 移动页面上工作。

选择元素：

<select id="myList">
    <option value="" selected>Select a List</option>
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
    <option value="3">Item 3</option>
</select>

我调用的脚本来选择第一个选项：

$("#myList").val($("#myList option:first").val());

我并不是想获取选择元素中第一个选项的值，我实际上是想选择它。

为了让它在 jQuery 移动页面上运行，我还需要做些什么吗？

谢谢。

Answer 1

一种解决方案是使用selectmenu("refresh").

刷新更新自定义选择：这用于更新自定义选择以反映本机选择元素的值。如果选择中的选项数量与自定义菜单中的项目数量不同，它将重建自定义菜单。另外，如果你传递一个真实的参数，你可以强制重建发生。

//refresh value         
$('select').selectmenu('refresh');

//refresh and force rebuild
$('select').selectmenu('refresh', true);

来源

html

<select id="myList">
    <option value="" selected>Select a List</option>
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
    <option value="3">Item 3</option>
</select>

js

$("#myList").val($("#myList option:eq(1)").val());
$("#myList").selectmenu("refresh");

小提琴