8

YUI 3には、選択ボックスであるノードがあります。

Y.get('#regionSelect');

現在選択されている値を取得するにはどうすればよいです<option>か（複数ある場合でも）。また、これを行う方法を明示的に説明するチュートリアルはありますか（フォーム全体をシリアル化したくない）？

4

4 に答える 4

12

セレクターを入手したら、チェーン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-28T22:16:56.797 に答える
8

//選択した値

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

//選択されたインデックス

  • Y.one（'＃regionSelect'）。_ node.selectedIndex;
  • Y.one（'＃regionSelect'）。get（'selectedIndex'）;
于 2011-01-17T03:25:42.063 に答える
5

選択したオプションだけが必要な場合は、すべてのオプションを繰り返す必要がない場合があります。

var index = Y.get("#regionSelect").get('selectedIndex');
var value = Y.get("#regionSelect").get("options").item(index).getAttribute('value');
于 2011-03-21T11:42:34.493 に答える
1

これを直接使用できます。selector-css3IEをサポートするためにモジュールを要求します。

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

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

于 2013-10-06T03:45:27.623 に答える