jQuery: <select> तत्व

Question

में चयनित मान के लिए ढूंढें मेरे पास अलग-अलग विकल्प समूहों के साथ एक ड्रॉपडाउन मेनू है। अगर कोई विकल्प चुनता है, तो मैं यह कैसे देख सकता हूं कि यह किस समूह से संबंधित है? उदाहरण के लिए यदि 'फेरारी' का चयन किया गया था, तो आप यह निर्धारित करेंगे कि यह किस समूह से संबंधित है?

jQuery या कच्चे जावास्क्रिप्ट का उपयोग करने के लिए स्वतंत्र महसूस करें।

<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

आप क्या कर सकते हैं यह jQuery का उपयोग कर: http://jsfiddle.net/jkeyes/zjLCp/1/

अपडेट:: हाँ आप parenthttp://jsfiddle.net/jkeyes/zjLCp/2/

selected.parent() 

Answer 2

खैर इस्तेमाल कर सकते हैं

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

यहाँ एक जीवित उदाहरण देखें , शुद्ध जेएस में:

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

बूट करने के लिए एक एकल फ़ंक्शन कॉल और कम कोड नहीं। :-)