使用 jQuery 在 Select 元素中选择第一个选项答案

【问题标题】：Select first Option in Select element with jQuery使用 jQuery 在 Select 元素中选择第一个选项
【发布时间】：2014-11-16 19:44:11
【问题描述】：

我已经阅读了一些关于如何使用 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 移动页面上运行，我还需要做些什么吗？

谢谢。

【问题讨论】：

您的意思是获取第一个选项的值，还是获取第一个选项元素对象，或者选择该选择框中的第一个选项？
对不起，如果我不清楚。我的意思是“选择该框中的第一个选项”。基本上，如果 Use 选择 Item 1，那么 onChange 我会将它们重定向到我的 jQuery 移动网站上的另一个“页面”。然后，当他们单击菜单中的后退按钮时，我将他们带回带有“选择”的“页面”，并希望选择“选择列表”选项。谢谢。
好的，刚刚回答，让我知道这是否适合您
jQuery mobile not displaying correct selected item in list的可能重复

标签： jquery jquery-mobile

【解决方案1】：

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

refresh update the custom select：这个是用来更新自定义的 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>

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

fiddle

【讨论】：

这是完美的。这是我错过的刷新。谢谢！

【解决方案2】：

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

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

但在您的情况下，我认为默认情况下会选择第一个选项，因此如果您的意思是 value="1" 的选项，请使用以下选项：

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

更新：

如果你有选项值，你也可以使用这个：

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

【讨论】：

【解决方案3】：

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

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

希望对你有所帮助

快乐学习:)

【讨论】：

OP 没有尝试获取值。此外，由于您的选择器不正确，您的解决方案将无法正常工作。