Как установить первый вариант в поле выбора с помощью 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 -- "); 

Example fiddle

Answer 2

Другой способ сделать это, используя перед именем функции: Что вы do - это создание выпадающего списка с опциями выбора

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