ajouter des éléments a un select multiple sans effacer le contenu

Version imprimable

05/05/2008, 14h20
ziad251

ajouter des éléments a un select multiple sans effacer le contenu

bonjour
jai besoin d'alimenter une balise select avec critere multiple sans effacer se qui est deja dedans

merci davance :king:
05/05/2008, 14h38
SpaceFrog

ben bascule juste le .selected de l'option en 'selected' 8O8O
05/05/2008, 14h48
ziad251

:cry:
tu peux expliquer davantage
merci

un exemple:

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
 
<script type="text/javascript">
function sel(){
 var MonSel=document.getElementById('monsel');
  var Opts=MonSel.options
 for(i=0;Opts[i];i=i+2){
 Opts[i].selected=true
 }
 }
</script>
</head>
<body>
<select multiple id='monsel'>
	<option>un</option>
	<option>deux</option>
	<option>trois</option>
	<option>quatre</option>
	<option>cinq</option>
	<option>six</option>
	<option>sept</option>
	<option>huit</option>
	<option>neuf</option>
</select>		
<input type="button" onclick="sel()" value='go' />

05/05/2008, 14h59
ziad251

desolé

desolé mais ca donne un truc bizarre , des element selectionnés ah hazard , ca selectionne plusieurs elements a la fois:(:(:(:(
05/05/2008, 15h01
SpaceFrog

Heu .... c'est pas au hasard, c'est un sur deux ....

tu veux bien ajouter une option dans la selection ... ???
tout est dans le code donné !!!
05/05/2008, 15h05
ziad251

8O

merci kan meme frog , meme si jai pas pu ajouter lol , une vraie quiche ke suis je , ok

Heu quand tu dis alimenter ...
tu veux rajouter des options ?? pas juste en selectionner d'autres ???

Si c'est le cas il faut aller voire dans la faq ...
du coté de

Code:

document.createElement('option')

et de appendChild ...

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
<script type="text/javascript">
var ajout=0
function sel(){
 var MonSel=document.getElementById('monsel');
 var newOpt=document.createElement('option');
 newOpt.innerHTML="ajout "+ajout++;
 newOpt.value=ajout;
 MonSel.appendChild(newOpt)
 
 }
</script>
 
 
 
</head>
 
<body>
 
<select multiple id='monsel'>
	<option>un</option>
	<option>deux</option>
	<option>trois</option>
	<option>quatre</option>
	<option>cinq</option>
	<option>six</option>
	<option>sept</option>
	<option>huit</option>
	<option>neuf</option>
</select>		
<input type="button" onclick="sel()" value='go' />