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

Example fiddle

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

基于edit the first option name您可以使用

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

如何使用jQuery设置Select Box的第一个选项？

3 个答案: