activer un select selon le champs d'un autre select

activer un select selon le champs d'un autre select - HTML/CSS - Programmation

Marsh Posté le 01-06-2006 à 13:52:02    

slt tlm, voila je voudrai activer un select selon le champs d'un autre select.
Par ex : si je selectionne le 2eme champ de mon 1er selecte je veux que le 2nd select passe de desactiver a activé. j'ai pensé a un onchange dans le 1er select mais je ne saisp as comment le mettre en oeuvre...


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 01-06-2006 à 13:52:02   

Reply

Marsh Posté le 01-06-2006 à 13:53:41    

Code :
  1. <select ... onchange="laFonctionQuiVabien()">

Reply

Marsh Posté le 01-06-2006 à 14:27:44    

anapajari a écrit :

Code :
  1. <select ... onchange="laFonctionQuiVabien()">



je voyais plutot quelque chose au niveau de l'<option> car la il va me falloir un traitement pour verifier sur quelle option je suis.
De plus j'aimerais ne pas recharger la page si possible...


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 01-06-2006 à 14:34:23    

Code :
  1. onchange="laFonctionQuiVabien(this)"


et dans ta fonction tu récupères l'option selectionnée via  

Code :
  1. function laFonctionQuiVabien(sel){
  2. var optionSelectionnee = sel.selectedItem;
  3. }

Reply

Marsh Posté le 01-06-2006 à 14:45:17    

ok, thx


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 01-06-2006 à 14:46:28    

si optionSelectionnee == 2 alors nomdu2eselect.disabled=true;

Reply

Marsh Posté le 01-06-2006 à 16:16:57    

j'ai une 2nd question :
je veux me servir de this.selecteditem mais je me suis rendu compte que le contenu de selecteditem, quelqu'en soit mon choix est undifined
 
comment je peux definir des valeurs pour mes <option>


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 01-06-2006 à 16:20:57    

Code :
  1. <option value="...">truc</option>


 
note: je sens que tu vas poser plein de question, toi :o

Reply

Marsh Posté le 01-06-2006 à 16:24:25    

anapajari a écrit :

Code :
  1. <option value="...">truc</option>


 
note: je sens que tu vas poser plein de question, toi :o


mes value sont déjà remplie....


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 01-06-2006 à 16:26:09    

montre ton code

Reply

Marsh Posté le 01-06-2006 à 16:26:09   

Reply

Marsh Posté le 01-06-2006 à 16:30:06    

anapajari a écrit :

montre ton code


 

Code :
  1. function cat()
  2. {
  3. alert(document.forms.form1.categorie.selectedItem);
  4. if(document.forms.form1.categorie.selectedItem=="catégorie" )
  5.    {
  6.    document.forms.form1.categorie.style.display="none";
  7.    document.forms.form1.mot.style.display="block";
  8.         }
  9. else
  10. {
  11.    document.forms.form1.categorie.style.display="block";
  12.    document.forms.form1.mot.style.display="none";
  13.     }
  14. }
  15. <select  onchange="cat()" name='champ'  >
  16. <option  value='Nomoutil'>Nom de l\'outil</option>
  17. <option  value='Description'>Description</option>
  18. <option  value='catégorie'>Catégorie</option>
  19. </select>

Message cité 1 fois
Message édité par carot0 le 01-06-2006 à 16:30:32

---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 02-06-2006 à 09:17:31    

carot0 a écrit :

Code :
  1. function cat()
  2. {
  3. alert(document.forms.form1.categorie.selectedItem);
  4. if(document.forms.form1.categorie.selectedItem=="catégorie" )
  5.    {
  6.    document.forms.form1.categorie.style.display="none";
  7.    document.forms.form1.mot.style.display="block";
  8.         }
  9. else
  10. {
  11.    document.forms.form1.categorie.style.display="block";
  12.    document.forms.form1.mot.style.display="none";
  13.     }
  14. }
  15. <select  onchange="cat()" name='champ'  >
  16. <option  value='Nomoutil'>Nom de l\'outil</option>
  17. <option  value='Description'>Description</option>
  18. <option  value='catégorie'>Catégorie</option>
  19. </select>



 [:_deckard_]  


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 02-06-2006 à 09:21:20    

lis un doc sur selectedItem ça va tout de suite t'éclairer [:spamafote]

Reply

Marsh Posté le 02-06-2006 à 11:28:02    

anapajari a écrit :

lis un doc sur selectedItem ça va tout de suite t'éclairer [:spamafote]


je trouve rien de compréhensible avec google, tu aurais un lien ?


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 02-06-2006 à 11:33:06    

utilise le getByName sinon

Reply

Marsh Posté le 02-06-2006 à 11:35:41    

antho1983 a écrit :

utilise le getByName sinon


le getByName ne me permetra pas de connaitre l'element selectionné dans le select, si ?


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 02-06-2006 à 11:39:41    

onChange=cat(this)
 
function cat(){
    var coco = document.forms.form1.champ.value.
    ...
 
et là tu as la valeur que contient le champ selectionne

Reply

Marsh Posté le 02-06-2006 à 12:02:03    

merci ca marche !!!  :bounce:


---------------
In a world without walls and fences, who needs Windows and Gates
Reply

Marsh Posté le 02-06-2006 à 12:08:31    

de rien

Reply

Marsh Posté le 02-06-2006 à 12:21:36    

carot0 a écrit :

je trouve rien de compréhensible avec google, tu aurais un lien ?


http://www.quirksmode.org/js/options.html deuxième lien de la recherchere avec 'selectedIndex' dans google:
http://www.mredkj.com/tutorials/tutorial002.html
(le 1er c'est la msdn je suis pas fan)

antho1983 a écrit :

utilise le getByName sinon


Cette fonction existe pas :o

carot0 a écrit :

le getByName ne me permetra pas de connaitre l'element selectionné dans le select, si ?


nan ça existe pas :o

antho1983 a écrit :

onChange=cat(this)
 
function cat(){
    var coco = document.forms.form1.champ.value.
    ...
 
et là tu as la valeur que contient le champ selectionne


so 90's :o

Reply

Marsh Posté le 02-06-2006 à 12:58:17    

pkoi tu prends un malin plaisir a casser tlm. Si çà marche c ke c bon. pas besoin d'en rajouter.

Reply

Marsh Posté le 02-06-2006 à 13:54:21    

mais je prends pas un malin plaisir a casser tout le monde [:spamafote]
Je précise que la fonction dont tu parles n'existe pas, puis que "de nos jours", l'usage de "form" comme dans "document.form" a tendance à être abandonné au profit de l'usage du DOM...
Maintenant j'ai pas dit que ça marcherait pas, mais que quitte à apprendre comment faire, autant apprendre avec les technos "d'aujourd'hui" plutot que celles d'il y a 5 ans ...

Reply

Marsh Posté le 02-06-2006 à 14:04:43    

ok dsl de m'etre emporter. Moi je connaissais cette formule là. Elle marche et comme il avait l'air pressé de trouver je lui ai donner. Merci qd même pour tes liens.

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed