Listes déroulantes liées

[intik]

bonjour,

voici mon problème,
j'ai 2 listes déroulantes

Code html :

1
2
3
4
5
<SELECT name="libelle">
 <OPTION VALUE="libelle-1">libelle-1</OPTION>
 <OPTION VALUE="libelle-2">libelle-2</OPTION>
 <OPTION VALUE="libelle-3">libelle-3</OPTION>
</SELECT>

et

Code html :

1
2
3
4
5
<SELECT name="code">
 <OPTION VALUE="code-1">code-1</OPTION>
 <OPTION VALUE="code-2">code-2</OPTION>
 <OPTION VALUE="code-3">code-3</OPTION>
</SELECT>

si je sélectionne le libellé 2 je veux que le code 2 soit automatiquement selected et vice versa.

j'imagine que c'est possible en javascript mais je ne trouve pas de solution.


merci pour votre aide

[SpaceFrog]

c'est une blague ...


Sinon faut chercher un minimum ....

[intik]

non, ce n'est pas une blague,
le javascript c'est pas mon truc,

mais t'as raison, en cherchant un peu j'ai trouvé une solution assez simple,
alors que je m’attendais à quelque chose de plus complexe,

voici ma solution

Code :

1
2
3
4
5
6
7
8
9
10
11
  <SELECT name="libelle" id="libelle" onchange="code.options[this.selectedIndex].selected = 'selected';">
   <OPTION VALUE="libelle-1">libelle-1</OPTION>
   <OPTION VALUE="libelle-2">libelle-2</OPTION>
   <OPTION VALUE="libelle-3">libelle-3</OPTION>
  </SELECT> 
  <br><br>
  <SELECT name="code" id="code" onchange="libelle.options[this.selectedIndex].selected = 'selected';">
   <OPTION VALUE="code-1">code-1</OPTION>
   <OPTION VALUE="code-2">code-2</OPTION>
   <OPTION VALUE="code-3">code-3</OPTION>
  </SELECT>

s'il y a une autre façon de faire n'hésiter pas à m'en faire part.

[SpaceFrog]

Hormis pour la syntaxe peu rigoureuse

Code :

onchange="code.options[this.selectedIndex].selected = 'selected';">

=>

Code :

1
2
 
onchange="document.getElementById('code').options[this.selectedIndex].selected = 'selected';">

Sinon le principe est là

[andry.aime]

Sinon,

Code :

onchange="document.getElementById('code').options[this.selectedIndex].selected = true;">