YUI 3：獲取所選選項的文本

我正在使用來自jQuery的YUI 3，但我對YUI的用法有疑問。YUI 3：獲取所選選項的文本

我有一些選項的標籤的選擇標籤：

<select id="ownerSelector"> 
    <option></option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select>

我想選擇的選項的文本。

在YUI 3中是否有類似於jQuery的$（'option：selected'）擴展的東西？

我在http://www.jsrosettastone.com/#selectors看到這樣做，一種方法是做到這一點Y.all('option[selected]')，但這是行不通的。（要麼，或我不知道[]選擇器語法屬於哪個YUI模塊。）

如果沒有捷徑，我注意到，當我查詢Y.all('#ownerSelector option')，看得出節點列表陣列，和一個該選項有一個名爲'selected'的屬性。有沒有辦法獲得選定的選項？

來源

2013-08-02 Stephen

我認爲這是你在找什麼：

YUI().use("selector-css3", "node", function (Y) { 
    var text = Y.one("#ownerSelector option:checked").get("text"); 
});

http://jsfiddle.net/aqPus/2/

來源

2013-08-03 22:20:09 einarq

感謝您命名該模塊。我加載它，它工作。 – Stephen

它看起來不像YUI 3支持選擇器快捷鍵。這是我可以在YUI論壇上找到的。

var node = Y.one('#ownerSelector'); 
node.get('options').item(node.get('selectedIndex')).get('text');

來源

2013-08-02 20:20:01 Stephen

Y.one('#ownerSelector').get('value')

來源

2013-08-03 06:59:21 user32225

我認爲問題是如何獲取文本，而不是價值。否則它將是正確的:) – einarq

YUI 3：獲取所選選項的文本

回答

相關問題