jQuery – deshabilitar / habilitar las opciones de selección

Necesito un poco de ayuda con jQuery si condición. ¡He estado buscando y haciendo pruebas durante horas, cualquier ayuda sería genial! Obtengo este código HTML:

   No Match Test Test 2 Test 3   No Match Test Test 2 Test 3  

y esta función jQuery:

 if ( $('#label1').val() < 3 ) { $('select').change(function() { $('#select1, #select2').not(this) .children('option[value=' + this.value + ']') attr('disabled', true) .siblings().removeAttr('disabled'); }); } else { $('select').change(function() { $('#select1, #select2').not(this) .children('option[value=' + this.value + ']') .attr('disabled', false) .siblings().removeAttr('disabled'); }); } 

Soy un principiante en jquery, y no sé si este código está escrito correctamente porque no funciona.

El problema es:

Cuando el valor de entrada es menor que 3, la opción de selección en select2 es la misma que en select1 y el rest de opciones en select2 se deshabilitan. Cuando el valor de entrada es mayor que 3, se habilitan las opciones en select1 y select2.

Saludos cordiales, Gracias por leer este post de jquery newbie …

prueba esto:

 $(function(){ $("input").change(function(){ if ( $(this).val() < 3 ) { $('#select2').prop('disabled', true); $('#select1').on("change",function() { $('#select2').val($(this).val()); }); }else { $("#select1").off(); $('#select1, #select2').prop('disabled', false); } }); }); 

Demostración: http://jsfiddle.net/qhPp7/2/