Seçme kutusu değerlerini YUI 3'te nasıl alabilirim? YUI 3'te

Question

benim seçme kutusu olan bir düğüm vardır: (? Birden fazla olsa bile) Şu anda seçilir <option> değerleri nasıl alabilirim

Y.get('#regionSelect'); 

Ayrıca, öğretici orada bir yerde orada bunu açıkça nasıl yapacağımı anlatıyor (bütün formu serileştirmek istemiyorum)? Eğer seçici sahip olduktan sonra

Answer 1

yapabilirsiniz zincir get ve 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 
}); 

Sadece olanları anlamaya http://developer.yahoo.com/yui/3/ üzerinde demolar/örnekler kullanıyorum ettik.

Answer 2

Değer

• Y.one ('# regionSelect') ._ node.value Seçilmiş //;
• Y.one ('# regionSelect'). Get ('value');

Endeksi

• Y.one ('# regionSelect') ._ node.selectedIndex Seçilmiş //;
• Y.one ('# regionSelect'). ('SelectedIndex'); Sadece seçilmiş birine gerekiyorsa

Answer 3

Tüm seçenekler arasında yineleme gerekmeyebilir: Doğrudan kullanabilirsiniz

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

Answer 4

. IE'yi desteklemek için selector-css3 modülünü zorunlu kılın.

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

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