如何使用jQuery设置选择框的第一个选项？

Question

我有一个选择列表：

<select id='sf-field-1'> 
    <option></option> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select>

如何使用jQuery将选项值设置为以下值？

<select id='sf-field-1'> 
    <option> -- Select -- </option> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select>

我还尝试了jQuery("#sf-field-1 :first-child").attr("value", 0); 但这对我没有用。 有任何想法吗？

Answer 1

您的第二次尝试已结束，您只需要设置元素的text() ，而不是其值即可：

$("#sf-field-1 :first-child").text(" -- Select -- ");

小提琴的例子

Answer 2

另一种方法是使用prepend函数：您要做的是使用选择选项创建下拉列表

<select id='sf-field-1'> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
</select>

然后使用以下jquery代码添加第一个选项。

    var newOption = "<option selected='"+"selected"+"  '>--Select--</option>"; 
$("#sf-field-1").prepend(newOption);

Answer 3

基于编辑第一个选项名称可以使用

$('#sf-field-1 > option:empty:first').text(" -- Select -- ");