Discussion :

[moonia]

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

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

Code :

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

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

[moonia]

personne ne peut m'aidrr

[SpaceFrog]

Code :

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

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 :

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

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 :

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

<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 ...

[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

[Tempotpo]

tu ve que lorque que tu choisi autre dautre option apparaisse???

[moonia]

Non je veux rajouter d'autres options

[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 ?

[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

[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 ?

[moonia]

bein ça dependras du contexte , une par une y pas une liste predefinis

[SpaceFrog]

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

[moonia]

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

[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 ?

[moonia]

non , je ne trouve pas l'utilité

[moonia]

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

[SpaceFrog]

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 :

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
<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>

[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

[SpaceFrog]

ben c'est déja ce que ça fait ... autre reste en dernière position ... du moins chez moi ...

[moonia]

bein chez moi non malheureusement

[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