Jak uzyskać wartości skrzynki wyboru w YUI 3?

Question

W YUI 3 Mam węzeł, który jest moim wybierz pole: (? Nawet jeśli jest ich więcej niż jeden)

Y.get('#regionSelect'); 

Jak mogę uzyskać wartości <option> które są aktualnie wybrane Również jest tam out tutorial tam, który mówi mi wyraźnie, jak to zrobić (nie chcę serializować całego formularza)?

Answer 1

Gdy masz selektor, można łańcuch get i 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 
}); 

Właśnie używa dema/przykłady na http://developer.yahoo.com/yui/3/ zrozumieć rzeczy.

Answer 2

// Wybrana wartość

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

// Wybrane Index

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

Answer 3

może nie trzeba iterację wszystkich opcji, jeśli potrzebujesz tylko jednej wybranej:

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

Answer 4

można bezpośrednio używać. Wymagaj modułu selector-css3 do obsługi IE.

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

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