Tengo un cuadro de selección que contiene las opciones y optgroup
que se generan dinámicamente usando php.Now cuando selecciono "TODAS" todas las demás optgroup
, las opciones deben estar deshabilitadas y cuando selecciono una opción distinta de "ALL" la opción "Todos" se debe desactivarCómo habilito/deshabilito opciones en Seleccionar cuadro usando jquery
<select name="select1" id ="select1" onchange="handleSelect()">
<option value ="-1">ALL</option>
<optgroup label="CARS">
<option value="ford">FORD</option>
<option value="Nissan">Nissan</option>
</optgroup>
</select>
<script>
function handleSelect() {
var selectVal = $("#select1:selected").text();
if (selectVal == "ALL") {
// cannot disable all the options in select box
$("#select1 option").attr("disabled", "disabled");
}
else {
$("#select1 option[value='-1']").attr('disabled', 'disabled');
$("#select1 option").attr('disabled', '');
}
}
</script>
¿Cómo puedo hacer este trabajo?
¿Cómo puede * seleccionar cualquier opción que no sea "ALL" * si todas las opciones están deshabilitadas cuando seleccionó "ALL" (y viceversa)? – VisioN