如何獲取選項元素中標籤屬性的值？

我試圖得到的不僅僅是選項元素的值，還有標籤屬性的值。任何想法如何做到這一點？我目前使用這個（在線）獲取選項的值：如何獲取選項元素中標籤屬性的值？

$('select :selected').html();

我的選擇會是這個樣子：

<select> 
<option value="John Smith" label="JS">John Smith</option 
</select>

任何想法？我一直在尋找最近半小時左右的時間，一些解決方案已經接近尾聲，但我找不到任何正在尋找標籤價值的人。

這裏有一個我認爲會回答我的問題，但我認爲他們是在稍微不同的東西之後。 - How to get label of select option with jQuery?

在此先感謝！

來源

2012-10-11 umiwangu

首先回答這個問題可能會提供一種可能性......我只是想能夠做到內聯。我想我不必這樣做，但那會讓它更容易。 http://stackoverflow.com/questions/12125651/how-to-replace-the-label-of-select-with-its-value?rq=1 – umiwangu

試試這個

$('select option:selected').attr('label');

的.html()您只使用給出的選項// John Smith

您需要訪問標籤屬性，而不是..

而是使用數據裏面的內容 - *屬性爲label attribute對於選項無效

<select> 
    <option value="John Smith" data-label="JS">John Smith</option> 
</select>

以及使用JavaScript使用獲得的數據：

$('select option:selected').attr('data-label');

或可替代

$('select option:selected').data('label'); 

$('select option:selected').val(); // Get's the value..

CHECK DEMO

來源

2012-10-11 21:49:20

你得到了我的建議，而不是建議有效的語法。 – xception

啊......我明白了。我會試試看看它是如何發展的。謝謝！ – umiwangu

就是這樣。非常感謝你！ – umiwangu

如何獲取選項元素中標籤屬性的值？

回答

相關問題