मैं यूयूआई 3 में चुनिंदा बॉक्स मूल्य कैसे प्राप्त करूं?

Question

YUI 3 में मैं एक नोड मेरी सलेक्ट बॉक्स है कि है: (? भले ही एक से अधिक कर रहे हैं)

Y.get('#regionSelect'); 

मैं <option> मूल्यों है कि वर्तमान में चयन किया जाता है कैसे मिलता है इसके अलावा, वहाँ एक ट्यूटोरियल बाहर है वहां मुझे स्पष्ट रूप से यह बताता है कि यह कैसे करें (मैं एक संपूर्ण रूप को क्रमबद्ध नहीं करना चाहता)?

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') ._ node.selectedIndex करें;
• वाई.ऑन ('# क्षेत्र चयन करें') प्राप्त करें ('चयनित इंडेक्स');

Answer 3

आप अगर आप सिर्फ एक चयनित एक की जरूरत है सभी विकल्पों के माध्यम से पुनरावृति करने की जरूरत नहीं हो सकती है:

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

Answer 4

आप सीधे इस का उपयोग कर सकते हैं। आईई का समर्थन करने के लिए selector-css3 मॉड्यूल की आवश्यकता है।

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

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