如何獲取YUI 3中的選擇框值？

在YUI 3我有我的選擇框的節點：（？即使有不止一個）如何獲取YUI 3中的選擇框值？

Y.get('#regionSelect');

如何獲取當前選擇的<option>值此外，有沒有一個教程出來那裏明確告訴我如何做到這一點（我不想序列化整個表單）？

來源

2009-07-28 ash

一旦你的選擇，你可以鏈get和each

Y.get("#regionSelect").get("options").each(function() { 
    // this = option from the select 
    var selected = this.get('selected'); 
    var value = this.get('value'); 
    var text = this.get('text'); 
    // apply secret sauce here 
});

我剛剛被使用在http://developer.yahoo.com/yui/3/演示/例子理出頭緒。

來源

2009-07-28 22:16:56 seth

謝謝！它在哪裏說如何獲得屬性？ – ash 2009-07-28 23:19:28

不客氣。關於DOM的任何JavaScript教程都應該有select和option對象（以及所有其他對象）的屬性。這些不是YUI特有的，而是DOM的一部分。例如：http://www.w3schools.com/htmldom/dom_obj_select.asp – seth 2009-07-28 23:46:01

'selected'和'text'實際上是選擇器，而不是屬性。留下來...... – seth 2009-07-28 23:50:58

//選定值

Y.one（ '＃regionSelect'）._ node.value;
Y.one（'＃regionSelect'）。get（'value'）;

//選擇指數

Y.one（ '＃regionSelect'）._ node.selectedIndex;
Y.one（'＃regionSelect'）。get（'selectedIndex'）;

來源

2011-01-17 03:25:42

您可能不需要通過所有選項進行迭代，如果你只需要選定一個：

var index = Y.get("#regionSelect").get('selectedIndex'); 
var value = Y.get("#regionSelect").get("options").item(index).getAttribute('value');

來源

2011-03-21 11:42:34

您可以直接使用。需要selector-css3模塊才能支持IE。

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

http://jsfiddle.net/neosoyn/r8crW/

來源

2013-10-06 03:45:27

如何獲取YUI 3中的選擇框值？

回答

相關問題