[débutante]Maj d'une liste deroulante

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour a tous ;)
j'espere que vous avez un bon WE;)

Donc voila ,debutante en javascript j'ai le code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <td > <select name="structure2" size="1"> <option>Direction Génerale</option> <option>--------------------</option> <option>Dir.Info-Comm</option> <option>Dir.Pédagogie</option> <option>Dir.de le Foramtion</option> <option>Secrétariat Génerale</option> <option>Autre...</option> </select> <td>
je voudrais ajouté a cette liste en utilsant javascript d'autres propositions par exemple en cliquant sur autres ( c'est une idéé à moi)

QLq pourra m'aider c'est tres urgent merci :cry:

02/05/2006, 11h47
moonia

personne ne peut m'aidrr :(:(:(:roll::roll::roll::(:(:(

Code:

1
2
3
4
5
6
7
8
9
10
        <select name="structure2" id="monselect" size="1">
                <option>Direction Génerale</option>
                <option>--------------------</option>
                <option>Dir.Info-Comm</option>
                <option>Dir.Pédagogie</option>
                <option>Dir.de le Foramtion</option>
                <option>Secrétariat Génerale</option>
                <option>Autre...</option>
 
        </select>

Code:

1
2
3
4
5
6
7
8
<script type='text/javascript'>
function ajouteoption(){
var newOption=document.createElement('option');
newOption.value='nouvelle valeur'
newOption.innerHTML='nouveau texte'
document.getElementById('monselect').appendChild(newOption)
}
</script>

Code:

<input type='button' value='ajoute' onclick='ajouteoption()' />

ce bouton va ajouter une option, à toi de mettre les paramètres de sorte a ajouter les bonnes valeurs et le bon texte ...

02/05/2006, 12h13
moonia

ça ne marche pas :(:(:

dites moi est que je ne peut pas utilser le champs "autres" pour rajouter d'autres options ds ma liste deroulante , parce que si j'ajoute un bouton c pas bon la case est petite et ca va surcharger ma page :( si ca se fais bien sur
02/05/2006, 13h08
Tempotpo

tu ve que lorque que tu choisi autre dautre option apparaisse???
02/05/2006, 13h30
moonia

Non :( je veux rajouter d'autres options
02/05/2006, 13h31
SpaceFrog

ha tu veux rajouter des options si tu selectionnes autres ... ???
j'avais pas suivi ...
elles ont ou les options à ajouter ??? tu va les chercher ou ?
02/05/2006, 13h41
moonia

moi ce que je veux c'est en cliquant sur autres , je pourrais ajouter des options (c'est une idée ) mais je ne sais pas comment faire pour appliquer mon idée en javascript
02/05/2006, 13h45
SpaceFrog

ben oui je comprend bien mais tu les ajoute comment les options ...
tu as une liste quelquepart des options que tu veux ajouter ??
ou tu veux les ajouter au fur et à mesure une par une en entrant les options ?
02/05/2006, 13h47
moonia

bein ça dependras du contexte , une par une y pas une liste predefinis
02/05/2006, 13h49
SpaceFrog

mais qui determine la valuer et le texte de l'option ?
02/05/2006, 13h55
moonia

Citation:

Envoyé par SpaceFrog

mais qui determine la valuer et le texte de l'option ?

je ne comprend pas !!!

voila , moi je veux qd je clqiue sur autres il y une fenetre qui s'affiche , je fais entrer mes nouvelles options que qd je valide j'aurais ds ma liste deroulantes les anciennes options plus les options ajoutées
si qlq 'un a une idee cmt faire ca qu'il m'aident c'est urgent sinon il me propose une autre idée
02/05/2006, 14h00
SpaceFrog

donc tu vas taper les nouvelles options ... elle n'existent pas du tout ...
tu veux donc qu'en cliquant sur autres une fenetre de dialogue s'uvre pour te permettre de créer de nouvelles options ...
alors question subsidiaire veux tu mettre des values à tes options ?
02/05/2006, 14h05
moonia

non , je ne trouve pas l'utilité
02/05/2006, 14h33
moonia

alloooooooo qlq '1 pourra m'aider SVP c'est urgent

juste pour revenir sur un point de détail: si si le value à son utilité ...
Bref là n'est pas le souci...
voici ce que je te propose :

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
<script type='text/javascript'>
function ajouteoption(Obj){
 
if(Obj.options[Obj.selectedIndex].innerHTML=="Autre..."){
var newText=prompt("entrez le texte de l\'option","")
var newOption=document.createElement('option');
newOption.innerHTML=newText
Obj.insertBefore(newOption,Obj.lastChild)
Obj.selectedIndex=Obj.options.length-2
Obj.blur()
}
}
</script>
 
</head>
 
<body>
  <select name="structure2" id="monselect" onmouseup="setTimeout(function(){ajouteoption(document.getElementById('monselect'))},500)"  size="1">
                <option>Direction Génerale</option>
                <option>--------------------</option>
                <option>Dir.Info-Comm</option>
                <option>Dir.Pédagogie</option>
                <option>Dir.de le Foramtion</option>
                <option>Secrétariat Génerale</option>
                <option>Autre...</option>
 
        </select>
</body>
</html>

02/05/2006, 15h26
moonia

dis moi est ce comment je pourrai modifier le code afin de rajouter avant l'option Autres si c'est possible
une grand merci
02/05/2006, 15h29
SpaceFrog

ben c'est déja ce que ça fait ... autre reste en dernière position ... du moins chez moi ...
02/05/2006, 15h32
moonia

bein chez moi non malheureusement :(:(:(
02/05/2006, 15h36
moonia

je crois que je vois ou est le pb moi j'utilse Firfox c pour ca que sa s'affiche apres autres alors qd mnt ca marche surper bien car j'ai utilise explorer

Voir 40 message(s) de cette discussion en une page