J'ai une boîte de sélection qui contient les options et optgroup
qui sont générés dynamiquement à l'aide de php.Now lorsque je sélectionne "ALL" tous les autres optgroup
, les options doivent être désactivées et lorsque je sélectionne une option autre que "ALL", l'option "ALL" devrait être désactivé
<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>
Comment puis-je faire en sorte que cela fonctionne?
C'est un peu étrange, mais voici un code qui répond à vos besoins.
$('select').on('change', function() {
if (this.value == '-1') {
$('optgroup option').prop('disabled', true);
} else {
$('optgroup option').prop('disabled', false);
}
});
Exemple en direct - http://jsfiddle.net/NpNFh/
Vous pouvez utiliser le code suivant.Nous considérons que vous avez trois cases de sélection comme suit
<select class="sel_box" id="sel_1" onchange="disable_sel(this.value);" ></select>
<select class="sel_box" id="sel_2" onchange="disable_sel(this.value);" ></select>
<select class="sel_box" id="sel_3" onchange="disable_sel(this.value);" ></select>
et dans la fonction laisser 'opt' est l'argument maintenant utiliser suivant
$('.sel_box option[value="'+opt+'"]').attr("disabled", true);
Vous pouvez utiliser deux variantes de syntaxe pour l'attribut désactivé, en fonction de la version de HTML que vous ciblez:
HTML4: <option value="spider" disabled>Spider</option>
XHTML: <option value="spider" disabled="disabled">Spider</option>