[DOM ] retirer element d'une liste php et dom

Version imprimable

bonsoir a tous,
voila je suis debutant et j'ai un souci avec une liste, ce que je veux faire c'est supprimer l'élément qui est selectionné en appuyant sur bouton retirer, j'ai mis en place un code qui ne supprime malhereusement pas lelement selectionné:
voici le code:
Code:

1 2 3 4 5 6 7 8 <input name="button" type="button" style="font-family:verdana; font-size:10;" onClick=" var monSelect=(document.getElementsByName('listeEntitesMarieeChoice[]'))[0]; //alert(monSelect.options.length); for (var i=0; i<monSelect.options.length; i++) { if(monSelect.options[i].selected == true) { var enfant = monSelect.childNodes.item(i); monSelect.removeChild(enfant); } } monSelect.size=monSelect.length; " value="« Retirer «">
si quelquun peut m'aider :(

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
<script type="text/javascript">
function killOpt(){
var Sel= document.getElementById('monsel');
if (Sel.selectedIndex>-1){
Sel.removeChild(Sel.options[Sel.selectedIndex])}
}
 
</script>
 
</head>
 
<body>
<select id='monsel'>
	<option>1</option>
	<option>2</option>
	<option>3</option>
	<option>4</option>
	<option>5</option>
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>9</option>
</select>
<input type="button" onclick='killOpt()' value='suppr' />
</body>

08/07/2008, 15h26
Tikenjahfakouli

merci pour la réponse mais j'ai du mal à l'implémenter dans mon code, j'essai de bidouiller un peu mais si tu peux m'expliquer ton code ca serai génial.
merci encore

expliquer ??? oui heu rien de sorcier tout est clair dans le code ...

d'abord une fonction dasn le head de la page :
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> function killOpt(){ var Sel= document.getElementById('monsel'); // là on choppe le select par son id if (Sel.selectedIndex>-1){ // là on teste si il y a une option selectionnées Sel.removeChild(Sel.options[Sel.selectedIndex])} // là je retire l'enfant selectionné du select } </script>
avec Sel.selectedIndex comme sont nom l'indique est l'indice de l'option selectionné ( un integer de 0 à options.length-1, vaut -1 si pas de selection)

avec Sel.options[Sel.selectedIndex] = donc l'option selectionnée

ensuite le html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <body> <select id='monsel'> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> </select> <input type="button" onclick='killOpt()' value='suppr' /> </body>
sur le onclick du bouton je lance juste la fonction ...

Heu voilà j'espère avoir été assez clair, désolé ça me parait tellement simple ...:oops:

08/07/2008, 15h43
Tikenjahfakouli

Merciiiiiiiiiiiiiiiiiiiiii, c'est super ça marche merci 1000 fois