Comment puis-je obtenir les valeurs de boîte de sélection dans YUI 3?

Question

En YUI 3 J'ai un noeud qui est ma boîte de sélection: (même s'il y a plus d'un)

Y.get('#regionSelect'); 

Comment puis-je obtenir les <option> valeurs qui sont actuellement sélectionnées Aussi, est-il un tutoriel sur là qui me dit explicitement comment faire ceci (je ne veux pas sérialiser un formulaire entier)?

Answer 1

Une fois que vous avez le sélecteur, vous pouvez enchaîner get et 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 
}); 

Je viens en utilisant les démos/exemples sur http://developer.yahoo.com/yui/3/ pour comprendre les choses.

Answer 2

// valeur sélectionnée

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

// Index séléctionée

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

Answer 3

Vous ne pourriez pas besoin de parcourir toutes les options si vous avez juste besoin d'un sélectionné:

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

Answer 4

Vous pouvez utiliser directement ce. Nécessite le module selector-css3 pour prendre en charge IE.

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

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