onchange - लटकती jQuery

Question

का उपयोग कर मैं मूल्य शीर्षक में चयन किया गया है विस्तार लटकती में एक ही प्रदर्शित करना चाहिए शीर्षक और जो कुछ भी एक ड्रॉपडाउन है चयन किया है, मैं कैसे कि क्या करना चाहिए? कोई लीड?

$("#myddl").change(function() 
{ 
    //update all the dropdown list... 
}); 

http://jsfiddle.net/abuhamzah/4QvfP/

Header: 
    <br /> 
    <select id="myddl" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 
    <p>Detail</p> 
     <br /> 
    <select id="Select1" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 
    <br /> 
    <select id="Select2" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 
    <br /> 
    <select id="Select3" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 
    <br /> 
    <select id="Select4" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 
    <br /> 
    <select id="Select5" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 

Answer 1

कुछ काम करेंगे। चयन को थोड़ा सा सरल बनाने के लिए यह आपके "विस्तार" को कंटेनर में चुनता है।

http://jsfiddle.net/qMXSR/2/

$("#myddl").change(function() 
{ 
    $('.detail').find('select').val($(this).val()); 
});​ 

Answer 2

इस कोड को यह करना होगा:

$(document).ready(function() 
{ 
    $("#myddl").live('change', function() 
    { 
     $("#Select1, #Select2, #Select3, #Select4, #Select5").val($(this).val()); 
    }); 
}); 

अद्यतन जे एस फिडल यहाँ है: http://jsfiddle.net/leniel/4QvfP/7/ इन पंक्तियों के साथ

Answer 3

पहले लटकती की onchange में, आप jQuery अन्य ड्रॉपडाउन चयन करें और एक चाहते प्रत्येक() पुनरावृति और अन्य विकल्पों को सेट करने के लिए उपयोग कर सकते हैं।

Answer 4

उपयोग $.on "बदलाव" इस घटना के लिए बाध्य करने के लिए। जिसके नीचे उन सभी शामिल हैं - यहाँ से हम सब select तत्वों जिसका idSelect साथ शुरू होता है लक्ष्य। फिर हमने अपने मूल्य को वर्तमान में सेट कर दिया है।

​$("#myddl").on("change", function(o){ 
    $("select[id^=Select]").val(o.target.value); 
});​​​​​​​​​​ 

Answer 5

​$(function(){ 
    $('#myddl').change(function(){ 
     var value = $(this).val(); 
     $('select[name=myddl] option[value='+value+']').attr('selected', 'selected'); 
    }); 
})​