onchange - el menú desplegable seleccionado usando jquery

Question

tengo un menú desplegable en el encabezado y cualquiera que sea el valor seleccionado en el encabezado debe reflejar el mismo en el menú desplegable de detalles, ¿cómo debo hacer eso? ¿Alguna pista?

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

algo en este sentido va a funcionar. Envuelve su "Detalle" selecciona en un contenedor para hacer la selección algo más simple.

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

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

Answer 2

Este código lo hará:

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

La actualización del violín de JS está aquí: http://jsfiddle.net/leniel/4QvfP/7/

Answer 3

En el onchange del primer desplegable, puede jQuery seleccionar los otros menús desplegables y utilizar un each() para recorrer y establecer las otras opciones.

Answer 4

Utilice $.on para enlazar al evento "change". Desde aquí apuntamos a todos los elementos select cuyo id comienza con Select - que incluye todos los que se encuentran a continuación. Luego establecemos su valor (es) al del actual.

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