¿Cómo corregir otro valor desplegable después de seleccionar primero en javascript o jquery?

Tengo un formulario con 2 menús desplegables. Lo que quiero es, cuando selecciono el primer cuadro desplegable, luego se corrige una opción específica (que el usuario no puede cambiar en ese formulario) a otro cuadro desplegable. ¿Cómo puedo hacer esto en javascript o jquery?

<select id="item_type" name="item_type" style="width:300px;" ">
                              <option value=''>-- Select --</option>
                              <option value="City">City</option>
                              <option value="Source">Source</option>
                              <option value="Follow Up">Follow Up</option>
                              <option value="Next Day">Next Day</option>                            
</select> 

<select id="item_value_type" name="item_value_type" style="width:300px;" ">
                              <option value=''>-- Select --</option>
                              <option value="value">value</option>
                              <option value="id">id</option>                            
</select>  

preguntado el 04 de julio de 12 a las 10:07

4 Respuestas

La forma jQuery sería

var valueType = $('#item_value_type')
$('#item_type').on('change', function(e) {
  valueType.val('thefixedvalue'); // sets the value
  valueType.attr('disabled', true); //disables the select
});

Para volver a habilitar la selección, simplemente use

valueType.removeAttr('disabled');

La forma de javascript es

var valueType = document.getElementById('item_value_type');
var itemType = document.getElementById('item_type');
itemType.onchange = function(event) {
  valueType.value = 'yourFixedValue';
  valueType.setAttribute('disabled', 'disabled');
}

volver a habilitar la selección con:

valueType.removeAttribute('disabled');

Respondido 04 Jul 12, 11:07

Puedes hacerlo:

<select id="item_type" name="item_type" style="width:300px" onchange=javascript:change(this.value)>
         <option value=''>-- Select --</option>
         <option value="City">City</option>                         
</select>

y en la función de cambio puede modificar otro campo de selección. cuadro desplegable.

Respondido 04 Jul 12, 11:07

jquery:

$("#target_sel").attr("disabled",true);
$("#first_sel").on("change",function(){
   $("#target_sel").val($(this).val())
})

Respondido 04 Jul 12, 11:07

Demostración de trabajo http://jsfiddle.net/LXRqm/

API: change: http://api.jquery.com/change/ prop: http://api.jquery.com/prop/

tu tambien puedes hacer prop('disabled', false) para ponerlo en estado activo.

Espero que esto ayude, y siéntase libre de jugar con la demostración,

código

var secondSelect = $('#item_value_type');
var hulkChange = "value";

$('#item_type').change(function() {
     secondSelect.val(hulkChange); 
     secondSelect.prop('disabled', true);
});​

Respondido 04 Jul 12, 11:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.