5568 sujets

Sémantique web et HTML

Problème de Liste Déroulante

Bonjour ;

Voilà mon problème j'ai un liste déroulante et je dois sélectionner certains onglet de cette liste pour masquer d'autres .
Dans mon cas précis il faut que le grammage en dessous de 250 G désactive le pelliculage.

Voici mon bout de code :


<tr>
								<td style="width:130px;color:#444444">&nbsp;Grammage :</td>
								<td style="width:570px;color:#444444;">&nbsp;<select size="1" name="grammage" id="grammage" onchange="document.getElementById('pelliculage').disabled=this.value=true">
       <option value="Pelliculage"><label for="grammage">90g/m²</label></option>
       <option value="Pelliculage"><label for="grammage">115g/m²</label></option>
       <option value="Pelliculage"><label for="grammage">135g/m²</label></option>
       <option value="Pelliculage"><label for="grammage" >150g/m²</label></option>
       <option value="Pelliculage"><label for="grammage">250g/m²</label></option>
       <option value="Pelliculage"><label for="grammage">300g/m²</label></option>
       <option value="Pelliculage"><label for="grammage">350g/m²</label></option>
		 </select>
		</td>
			</tr>		
			<tr>
		<td style="width:130px;color:#444444">&nbsp;</td>
		<td style="width:570px;color:#444444;">&nbsp;</td>
			</tr>	
			<tr>
		<td style="width:130px;color:#444444">&nbsp;Pelliculage / Vernis :</td>
		<td style="width:570px;color:#444444;">&nbsp;<select size="1" name="pelliculage"id="pelliculage">
	  <option value="Pelliculage brillant R°">Pelliculage brillant
						                  R°</option>
	  <option value="Pelliculage brillant R° er V°">Pelliculage
						                  brillant R° er V°</option>
	 <option value="Pelliculage mat R°">Pelliculage mat R°</option>
	 <option value="Pelliculage mat V°">Pelliculage mat V°</option>
	 <option value="Vernis UV brillant R°">Vernis UV brillant R°
						                  </option>
	 <option value="Vernis UV brillant R° et V°">Vernis UV brillant
						                  R° et V°</option>
	<option value="Vernis mat R°">Vernis mat R°</option>
	 <option value="Vernis mat R° et V°">Vernis mat R° et V°
						                  </option>
	 <option value="Vernis machine R°">Vernis machine R°</option>
	<option value="Vernis machine R° et V°">Vernis machine R° et
						                  V°</option>
	 <option value="Pellculage Mat + Vernis sélectif">Pell. +
						                  Vernis sélectif R°</option>
	 <option value="Pell. mat + Vernis sélectif R° et V°">Pell. +
						                  Vernis sélectif R° V°</option>
	 <option value="aucun" selected="selected">aucun</option>
									</select>		
								</td>
							</tr>


Merci de votre aide !
Modifié par Rainarkan (24 Jan 2011 - 10:24)
Bonjour,

Je ferais comme ça :

Sur le 'onchange' j'appelle une fonction javascript 'affiche_pel()'.
Je rajoute également les valeurs à chaque grammage (value=xx)

<select size="1" name="grammage" id="grammage" onchange="affiche_pel();"> 
       <option value="90"><label for="grammage">90g/m²</label></option> 
       <option value="115"><label for="grammage">115g/m²</label></option> 
       <option value="135"><label for="grammage">135g/m²</label></option> 
       <option value="150"><label for="grammage" >150g/m²</label></option> 
       <option value="250"><label for="grammage">250g/m²</label></option> 
       <option value="300"><label for="grammage">300g/m²</label></option> 
       <option value="350"><label for="grammage">350g/m²</label></option> 
   </select>


Et dans le haut de ton fichier entre les balises <head></head>, ma ptite fonction javascript :

<script language="javascript">
	function affiche_pel(){
		grammage=document.getElementById('grammage').value;
		if(grammage<250){
			document.getElementById('pelliculage').disabled=true
		}else{
			document.getElementById('pelliculage').disabled=false;
		}
	}
</script>
Oui met elle correspond à quoi ?

Je veux bien faire fonctionner quelques choses mais j'aimerai comprendre son fonctionnement Smiley smile
Dites, l'élément <label/> ne peut pas se trouver dans un <option/>, il sert à donner une étiquette au <select/>.

Voili-voilou. Smiley cligne
Sujet clos
Aller à