YUI 3에서 선택 상자 값을 얻으려면 어떻게해야합니까? YUI 3에서

Question

나는 나의 선택 상자 인 노드가 (? 하나 더있는 경우에도) 나는 현재 선택되어 <option> 값을 얻는 방법

Y.get('#regionSelect'); 

을 또한, 튜토리얼 거기 밖으로 거기에 명시 적으로이 작업을 수행하는 방법이 나와 있습니다 (전체 양식을 직렬화하고 싶지는 않습니다). 당신이 선택이되면

Answer 1

, 당신이 할 수있는 체인 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/에 데모/예제를 사용했습니다.

Answer 2

는 값

• Y.one ('#의 regionSelect') ._ node.value를 선정 //;
• Y.one ('# regionSelect'). get ('value');

는 인덱스

• Y.one ('#의 regionSelect') ._ node.selectedIndex 선정 //;
• Y.one ('# regionSelect'). get ('selectedIndex'); 당신은 단지 선택된 하나 필요한 경우

Answer 3

당신은 모든 옵션을 반복 할 필요가 있습니다 당신은 직접 사용할 수 있습니다

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

Answer 4

. IE를 지원하려면 selector-css3 모듈이 필요합니다.

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

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