Comment activer / désactiver les options dans Select Box using jquery
J'ai une boîte de sélection qui contient les options et optgroup
qui sont générées dynamiquement à l'aide de php.Maintenant, quand je sélectionne "TOUS les" tous les autres optgroup
options doit être désactivé et quand je vous sélectionnez une option autre que "TOUT le" TOUT " option doit être désactivée
<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 ce travail?
source d'informationauteur Someone
Vous devez vous connecter pour publier un commentaire.
C'est une chose étrange à faire, mais voici le code qui répond à vos exigences.
Live Exemple - http://jsfiddle.net/NpNFh/
Vous pouvez utiliser le code suivant.Permettez-nous de considérer que vous avez trois sélectionnez les cases comme suit
et en fonction let 'opt' est l'argument maintenant utiliser à la suite de
Vous pouvez utiliser deux variations sur la syntaxe pour les personnes handicapées de l'attribut, selon la version de HTML que vous ciblez: