jQuery：獲取第一個選項的選項innerHTML，並在HTML選擇標記中設置值

Question

假設我有一個包含3個值的下拉列表（選擇標記）。我們的第一個選項具有「」的值。第二個選項的值是「something」。第三種選擇的價值是「別的東西」。我如何獲得第二個選項的innerHTML（文本）？我不想硬編碼，因此每次都需要第二個選項。我想確保它是具有值集的第一個選項。

Answer 1

var result = $('#selectId option[value!=""]').first().html(); 

或：

var result = $('#selectId option[value!=""]:first').html(); 

Attribute Not Equal selector:

描述：選擇要麼沒有指定屬性，還是具有指定的屬性，但不與一定的值的元素。

:first selector

說明：選擇第一個匹配元素。 第一個僞類相當於：eq（0）。它也可以寫爲：LT（1）

注意所有<option>小號必須有，以便在value屬性的選擇按預期運行。如果不能保證使用本：

var result = $('#selectId option[value!=""][value]:first').html(); 

Has Attribute Selector [name]

說明：選擇一個有特定屬性的元素，具有任何價值。

Answer 2

如果我得到的權利，你想從下拉第二elment嘗試

$('select[name=thename] option:eq(1)').text();​ 

Answer 3

我喜歡簡單，所以我給你兩條路，我會做到這一點取決於結構。我通常不會按名稱選擇，因爲代碼更復雜，而且IMO不必要。

如果HTML只有一個類沒有ID：

<select class='example'> 
    <option value=''>Text 0</option> 
    <option value='something'>Text 1</option> 
    <option value='something else'>Text 2</option> 
</select> 

$('select.example option:eq(1)').text(); // Text 1 

如果HTML有一個id，這是最有效的方式來獲取文本：

<select id='example'> 
    <option value=''>Text 0</option> 
    <option value='something'>Text 1</option> 
    <option value='something else'>Text 2</option> 
</select> 

$('#example option:eq(1)').text(); // Text 1