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

あなただけ選択された1つを必要とする場合は、すべてのオプションを繰り返し処理する必要はないかもしれません。

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/