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

罗伯特·弗雷内特

我已经读了几篇关于如何在jQuery的HTML Select元素中选择第一个Option的文章,但是我似乎无法在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移动页面上起作用,我还需要做其他事情吗?

谢谢。

亚历克斯·查尔

一种解决方案是使用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");

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在 select angularjs 中选择第一个选项

选择第一个选项时使用jQuery,然后隐藏其他元素

如何使用jQuery选择<select>的第一个选项

如何在select中选择第一个选项?

如何在oi-select angularjs中选择第一个选项

在 XSLT 中选择第一个第一个子元素

无法在jQuery mobile中选择组合框的第一个元素

如何根据在第一个选择中选择的选项隐藏选择选项

如何使用javascript或jquery从选择框选项的第一个选项中清空值?

避免使用jquery多次选择相同的选项,但第一个选择标记除外

如何在ionic 2 select中选择第一个选项。选定的属性不起作用

在下拉菜单中选择第一个选项作为默认选项

如何使用jQuery在选择框上设置第一个选项?

如何获取使用jquery选择的第一个选项的事件?

使用标签助手在 select 元素中选择一个选项

如何使用 knex.select() 选择数组列类型的列的第一个元素?

如何使用jQuery选择使用for循环元素创建的第一个单选按钮

从最后一个<tr>的第一个<td>中选择innerHTML-jQuery

如何在选择列表Angular JS中选择第一个元素?

从所有元素和嵌套元素中选择第一个孩子

当一个元素没有通过CSS的类时,如何从选择中选择第一个元素?

如何使用jQuery选择下拉列表中的第一个元素?

如何使用jQuery选择每个组中的第一个元素?

如何从Picker视图中选择第一个选项?

在下拉列表中选择第一个选项

离子从动态值中选择第一个选项

从Scala的地图中选择第一个“ N”个元素

无法在此33个元素的节点列表中选择第一个孩子

当我使用 jquery 选择另一个选择框的第一个选项时,如何清除/重置选择框选项?