jQuery: Farklı seçenek grupları ile bir açılır menü bir <select> eleman

Question

seçili değeri için bulabilirsiniz. Birisi bir seçenek seçerse, hangi optgroup'a ait olduğunu nasıl kontrol edebilirim? Örneğin 'ferrari' seçilmişse, hangi optgroup'a ait olduğunu nasıl belirlersiniz?

jQuery veya ham javascript çekinmeden kullanabilirsiniz.

<select name="testSelect"> 
    <optgroup label="fruits"> 
     <option value="apples">Apples</option> 
     <option value="oranges">Oranges</option> 
     <option value="pears">Pears</option> 
    </optgroup> 
    <optgroup label="cars"> 
     <option value="ford">ford</option> 
     <option value="toyota">toyota</option> 
     <option value="ferrari">ferrari</option> 
    </optgroup> 
</select> 

Answer 1

Bunu kullanarak jQuery yapabilirsiniz: http://jsfiddle.net/jkeyes/zjLCp/1/

Güncelleme: Evet Eh parenthttp://jsfiddle.net/jkeyes/zjLCp/2/

selected.parent() 

Answer 2

kullanabilirsiniz

$('select').change(function() { 
    var selected = $(':selected', this); 
    alert(selected.closest('optgroup').attr('label')); 
});​ 

Burada canlı örneğe bakın saf js olarak:

this.options[this.selectedIndex].parentNode.label 

Tek bir işlev çağrısı ve önyükleme için daha az kod yok. :-)