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

**Tikenjahfakouli** · 08/07/2008, 01h12

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 :

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

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

**SpaceFrog** · 08/07/2008, 13h28

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

**Tikenjahfakouli** · 08/07/2008, 15h26

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

**SpaceFrog** · 08/07/2008, 15h33

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

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

Code :

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

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 :

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

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

**Tikenjahfakouli** · 08/07/2008, 15h43

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

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

JavaScript

Discussions similaires

Partager

Partager