बदलें चयनित सूचकांक का उपयोग कर jQuery

Question

हाय जरूरत है एक के चयनित सूचकांक को बदलने के लिए जब एक और बदल दिया गया है .. उदाहरण: मैं

<select id="selector"> 
<option>No 1</option> 
<option>No 2</option> 
</select> 
<select id="selected"> 
<option>ONE</option> 
<option>TWO</option> 
</select> 

अब मैं $ चयनित सूचकांक में परिवर्तन करना चाहते हैं जब # चयनकर्ता के इंडेक्स बदल गया है .. जैसे कि जब मैं "नो 2" में बदल जाता हूं तो दूसरा combobox "TWO" में बदल जाएगा। मुझे नौसिखिया सवाल के लिए क्षमा लेकिन jQuery ^^

Answer 1

$('#selector').change(function() { 
    var idx = this.selectedIndex;   
    $("select#selected").prop('selectedIndex', idx); 
}); 

Answer 2

करने के लिए नए im मेरा सुझाव चाहते हैं:

$('#selector').change(
    function(){ 
     var index = this.selectedIndex; 
     $('#selected option').eq(index).prop('selected',true); 
    }); 

JS Fiddle demo।

संदर्भ:

• change()।
• eq()।
• prop()।

Answer 3

बस नियमित रूप से जावास्क्रिप्ट का उपयोग क्योंकि jQuery इस के लिए अनावश्यक लगता है:

document.getElementById('selector').onchange = function() { 
    document.getElementById('selected').selectedIndex = this.selectedIndex; 
} 

Working DEMO

Answer 4

साथ jQuery 1.7.2

$(document).on('change', '#selector', function(){ 
    var si = this.selectedIndex 
    $('#selected option').eq(si).prop('selected',true); 
});​ 

Working DEMO

Answer 5

SelectedIndex 0.

पर शुरू होता है ड्रॉप-डाउन सूची एकाधिक चयन यह केवल चयनित पहला विकल्प के सूचकांक वापस आ जाएगी की अनुमति देता है।
मान "-1" सभी विकल्पों को अचयनित करेगा (यदि कोई है)।
यदि कोई विकल्प नहीं चुना गया है, तो चयनित इंडेक्स संपत्ति -1 वापस आ जाएगी।

$('#idselect').change(function() { 
    var index = this.selectedIndex; 
    //... 
});