onchange - il menu a discesa selezionato utilizzando jquery

Question

ho un menu a discesa nell'intestazione e qualsiasi valore selezionato nell'intestazione dovrebbe riflettere lo stesso nel menu a discesa dei dettagli, come dovrei farlo? nessun cavo?

$("#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

Qualcosa in questo senso funziona. Racchiude le selezioni "Dettaglio" in un contenitore per rendere la selezione un po 'più semplice.

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

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

Answer 2

Questo codice lo farà:

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

La versione aggiornata di JS Fiddle è qui: http://jsfiddle.net/leniel/4QvfP/7/

Answer 3

Nel onchange della prima discesa, è possibile selezionare gli altri jQuery menu a discesa e utilizzare un .each() per iterare e impostare le altre opzioni.

Answer 4

Utilizzare $.on per associare l'evento "modifica". Da qui puntiamo a tutti gli elementi select il cui numero id inizia con Select, che include tutti quelli di seguito. Quindi impostiamo il loro valore (s) a quello di quello corrente.

​$("#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'); 
    }); 
})​