Ajouter une option

Salut,

Je suis désolé pour cette question un peu bison mais bon... J'ai lu la FAQ sur les liste déroulantes liées pour créer une option dans un select.
Voila le code:

Code:

1 2 3 var taille = document.getElementById("words").length; var option = new Option(document.getElementById("new_word").value,document.getElementById("new_word").value); document.getElementById('word').options[taille] = option;

Mon code est bien exécuté mais l'option n'est jamais ajoutée.
Comment ça se fait?
Merci

je m'y connait pas trop en js mais je crois que la liste des options de ton select est un tableau et donc pour ajouter un element a la fin tu peux essayer
Code:

1 2 document.getElementById('word').options.push(option);

bonjour,

Personnellement, je procède comme ceci, voici un petit script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function majInfo()
{
 document.getElementById("idN").innerHTML =
 "Nombre d&rsquo;&eacute;l&eacute;ments&nbsp;: " +
 document.getElementById("combo").options.length;
 
}
 
function addItem()
{
 /*op = new Option("Text","Value",false,false);
 alert(op.text+" "+op.value); */
 
 
 var combo = document.getElementById("combo");
 var Valeur = document.getElementById("idAjValeur").value;
 var Texte = document.getElementById("idAjTexte").value;
 var Pos = document.getElementById("idAjPos").value;
 
 if (parseInt(Pos).toString()==Number.NaN.toString())
    Pos = "0";
 
 
 var op = new Option(Texte, Valeur,false,false);
 combo.options.add(op,Pos);
 
 majInfo();
}
 
function removeItem()
{
  var posSuppr = document.getElementById("idSupprPos").value;
  var combo = document.getElementById("combo");
  combo.remove(posSuppr);
  majInfo();
}
//-->
</script>
 
</head>
 
<body>
<input type="text" value="Valeur" id="idAjValeur" size="20" maxlength="10">(Sans espace)
<br>
<input type="text" value="NomOption" id="idAjTexte" size="20" maxlength="10">
<br>
<input type="text" value="0" id="idAjPos" size="20" maxlength="10">(Laiser vide pour ajout en haut de liste)<br>
<br>
<input type="button" value="Ajouter" onclick="addItem()"><br><br><br>
 
<input type="text" value="0" id="idSupprPos" size="20" maxlength="10">
<input type="button" value="Enlever" onclick="removeItem()">
 
<br><br>
 
<select size="10" id="combo">
 
</select>
 
<div id="idN"></div>
 
</body>
 
</html>

Ah non la honte! Merci à vous mais j'ai fait une erreur bête: j'ai mis "word" au lieu de "words" ... :oops: