5568 sujets

Sémantique web et HTML

Un seul choix possible sur 3 <select>

Hello

Voilà mon pb, jai 3 liste déroulantes type
<label>
<select>
<option></option>
<...>
</select>

mais je voudrais que lorsque un choix à été fait dans une des listes les 2 autres deviennent grisées ( non actif ).

Ya t-il un moyen en HTML5 de faire désactiver les autres listes, ou sinon en javascript ?

Merci Smiley smile
bon j'en suis là

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#select-box").change(function() {
if ($("#select-box option[value!='0.0']").attr('selected')) {
$("#select-box2").attr('selected');
$("#select-box3").attr('selected');
}
else {
alert('le code du patron');
}
});
});
</script>
</head>
<body>

<select id="select-box">
<option value="0.0">Non merci</option>
<option value="1">choix 1</option>
<option value="2">choix 2</option>
</select>

<select id="select-box2">
<option value="0.0">Non merci</option>
<option value="1">choix 1</option>
<option value="2">choix 2</option>
</select>

<select id="select-box3">
<option value="0.0">Non Merci</option>
<option value="1">choix 1</option>
<option value="2">choix 2</option>
</select>

</body>
</html>


Je dois trouver koi mettre dans mon if pour qu'il oblige le select-box2 et select-box3 à être sur leur value=0.0 quand select-box est différent de la value=0.0
Smiley murf
Salut,
Avec Jquery, je ne sais pas, mais sans, ça donne quelque chose comme :

var sb=document.getElementById("select-box"),sb2=document.getElementById("select-box2"),sb3=document.getElementById("select-box3");

sb.onChange=function(){if(this.options[this.selectedIndex].value == "0.0"){sb2.value="0.0";sb3.value="0.0";sb2.disabled="disabled";sb3.disabled="disabled";}else{sb2.disabled="";sb3.disabled="";}}

(à placer après les menus déroulants)
Ça marche ?
Modifié par Schwarzer Stern (31 Dec 2012 - 14:42)
Sujet clos
Aller à