Séléctionner un élément d'une liste selon la valeur d'une zone de texte

Version imprimable

salut,
j'aimerais séléctionner un element d'une liste selon la valeur d'une zone de texte.

si par exemple j'ai :
Code:

1 2 3 4 5 6 <SELECT NAME="list"> <OPTION VALUE="1">Elément 1</option> <OPTION VALUE="2">Elément 2</option> <OPTION VALUE="3">Elément 3</option> </SELECT> <input type="text" name="txt1" maxlength="30" value="">
j'aimerais au chargement de la page :
séléctionner "Elément 1" si txt1 contient "1"
séléctionner "Elément 2" si txt1 contient "2"
séléctionner "Elément 3" si txt1 contient "3"
et merci les gas ;)

Au chargement de la page tu peux simplement appelé une fonction qui met à jour la valeur de la combo :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<head>
...
<script>
function maj_cmb() {
 document.nomDeTonFormulaire.list.value = document.nomDeTonFormulaire.txt1.value;
 
//ou encore si je me souviens bien : document.nomDeTonFormulaire.list.selectedIndex = document.nomDeTonFormulaire.txt1.value;
}
</script>
</head>
<body onload=" maj_cmb()">
...

23/04/2007, 09h07
SpaceFrog

heu selectedIndex plutot ... ??

Bonjour j'ai essayé ca et ca marche. merci les gars :king:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<SCRIPT language="javascript">
function maj_cmb() {
	document.getElementById("list").value = document.getElementById("txt1").value;
}
</script>
</head>
<body onload="maj_cmb()">
<form id="form1" name="form1" method="post" >
<SELECT NAME="list">
<OPTION VALUE="11">Elément_A</option>
<OPTION VALUE="12">Elément_B</option>
<OPTION VALUE="13">Elément_C</option>
</SELECT>
<input type="text" name="txt1" maxlength="30" value="2">
    </label>
  </p>
</form>
</body>

mais si txt1 contient 12 il m'affiche Elément_B mais je veux qu'il soit séléctionné :?

23/04/2007, 14h01
LEK

Alors c'est effectivement comme le confirme Spacefrog la deuxième syntaxe qu'il faut utiliser :

Code:

document.getElementById("list").selectedIndex = document.getElementById("txt1").value;

;)