Wie erhalte ich die Auswahlfeldwerte in YUI 3?

Question

In YUI 3 Ich habe einen Knoten, der mein Auswahlbox ist: (auch wenn es mehr als eine)

Y.get('#regionSelect'); 

Wie erhalte ich die <option> Werte, die derzeit ausgewählt sind, auch gibt es ein Tutorial da sagt mir das explizit, wie ich das machen soll (ich möchte kein ganzes Formular serialisieren)?

Answer 1

Sobald Sie den Wähler haben, können Sie Kette get und 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 
}); 

Ich habe nur die Demos/Beispiele auf http://developer.yahoo.com/yui/3/ benutze Dinge herauszufinden.

Answer 2

// Wert Ausgewählte

• Y.one ('# regionSelect') ._ node.value;
• Y.one ('# regionSelect'). Get ('Wert');

// Index Ausgewählte

• Y.one ('# regionSelect') ._ node.selectedIndex;
• Y.one ('# regionSelect'). Get ('selectedIndex');

Answer 3

Sie werden vielleicht nicht brauchen, um durch alle Optionen zu durchlaufen, wenn Sie benötigen nur eine ausgewählte:

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

Answer 4

Sie direkt diese nutzen können. Erfordern selector-css3 Modul, IE zu unterstützen.

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

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