Ajouter une option

**Anduriel** · 10/07/2006, 11h31

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Choupinou** · 10/07/2006, 12h09

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Auteur** · 10/07/2006, 12h35

bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Anduriel** · 11/07/2006, 00h07

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

Ajouter une option

JavaScript

Vue hybride

Discussions similaires

Partager

Partager