使用jquery设置选择的第一个选项值[重复]

Posted 2023-03-11

【中文标题】使用jquery设置选择的第一个选项值[重复]

【英文标题】：Set the first option value of a select using jquery [duplicate]

【发布时间】：2014-06-30 01:21:09

【问题描述】：

有谁知道如何使用 jquery 设置选择的第一个选项值？例如我有以下选择标签。

<select id = "my-id">
    <option value=""></option>
</select>

我想设置值。到目前为止，我没有成功尝试以下操作。

$("select#my-id").first().val("hello world");

document.getElementById('my-id').value="hello world";

$("select#my-id option")
         .each(function() 
                 this.text = query.eguide;
                 this.value =query.eguide;);

【问题讨论】：

我把它当作试图实际更改第一个选项的 value 属性，而不是选择第一个选项。

不是重复的，但非常相似。

我看过上面的那个问题。我不认为它是重复的。我正在尝试设置该值，而不是将其设置为选中状态。

【参考方案1】：

$("#my-id option:first").attr("value", "blahblah");

或者（感谢@Tom）

$("#my-id option:first").val("blahblah");

这会将val 属性设置为blahblah。显然将blahblah 更改为您需要的任何内容。

【讨论】：

是否必须使用attr("value", ...) 或者val(...) 也可以使用？

刚刚测试过 - 似乎也一样，我会更新答案。您可以在这里亲自查看：jsfiddle.net/N5h8F

【参考方案2】：

还有一个纯js的解决方案你可以试试：

document.getElementById("my-id").options[0].value="TEST";

DEMO

【讨论】：

我猜反对票是因为 not enough jQuery ？