獲取選擇框的默認名稱

Question

我試圖找到哪個選擇框設置爲默認使用jQuery。

我有這麼多的設置。

var selectBoxes = $('select', this.el); 
selectBoxes.each(function(){ 
    console.log("val = ", $(this).val()); 
}); 

這給了我每個選擇框的默認值，但我試圖找到它屬於哪個選項。

Answer 1

應該..

var selectBoxes = $('select', this.el); 
selectBoxes.children().each(function(){ 
    console.log($(this).text()); 
}); 

Answer 2

闡述我在OP的評論答案：

//Select every `<select>` which is a child of this.el, and loop through it 
var selectBoxes = $('select', this.el); 
selectBoxes.each(function(){ 
    //`this` points to the select element 
    // The following declaration will define a HTMLOptionElement 
    var selectedOption = select.options[this.selectedIndex]; 
    var value = selectedOption.value;  //Recommended 
    //Alternatively: $(selectedOption).val(); 
}); 

如果你想使用選擇的選項元素jQuery方法，包對象在一個jQuery構造函數：$(selectedOption)。