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());

我没有尝试获取select元素中第一个选项的值，我实际上是想尝试选择它。

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

感谢。

Answer 1

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

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

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

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

source

<强> 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");

fiddle

Answer 2

要选择列表中的第一个选项，请使用：

$("#myList option:eq(0)").attr("selected","selected");

但在你的情况下，我认为默认选择第一个选项，所以如果你的意思是值为“1”的选项而不是使用它：

$("#myList option:eq(1)").attr("selected","selected");

<强>更新

如果您有选项值，也可以使用：

$("#myList option[value='2']").attr("selected","selected");

Answer 3

如果我没有正确解决问题，请纠正我。如果你只想获得选项的价值，你可以简单地通过

获得

$("#myList").val();

希望这会有所帮助

快乐学习：）

使用jQuery在Select元素中选择第一个Option

3 个答案: