[DOM] supprimer elements liste deroulante dynamique

Version imprimable

12/07/2007, 16h56
makohsarah

[DOM] supprimer elements liste deroulante dynamique

Salut
J´ái une liste deroulante qui se charge de maniere dynamique par une BD ds un Template.
Je voudrai que desormais une fois rempli, tous les elements de cette liste soient supprimés sauf 1 seul qui s´appele disont "element-actif"

Donc à la fin je n´aurai que lui dans ma liste deroulante. je voudrai gerer cela avec javascript.

Merci de m´aider
12/07/2007, 16h58
SpaceFrog

avec removeChild du DOM ou options[i]=null ...

le truc c´est que je ne connais pas a priori ou se trouvera l´element à garder . Dc ma liste est rempli qung la page est appelée, si entre temps on a ajouté des elements a la BD les postions risques etres modifiées.

Bon je m´y connais pas en javascript je tatonne la car je dois l´utiliser de maniere ponctuelle pr ce probleme...

le code de la partie concernée:
Code:

1 2 3 4 5 6 7 <select name="selHostCommand" id="selHostCommand" style="width:200px;" onChange="setIframe(this.value);"> <option value="{DAT_HOST_COMMAND_ID}" {DAT_HOST_COMMAND_SEL}>{DAT_HOST_COMMAND}</option> </select>
DAT_HOST_COMMAND charge la liste a travers la BD

A bientot

12/07/2007, 17h12
SpaceFrog

tu veux les virer tous sauf l'element selectionné ?

suffit de scanner les options dans une boucle pour savoir si l'option est selectionnée

aurais tu un exemple de select avant / après ...
12/07/2007, 17h17
makohsarah

quand la liste se charge rien n´est selectionné. Mais il y a un element qui va tjrs revenir et qui seul doit etre conservé et les autres virés.

En fait ca ca quoi...
12/07/2007, 17h27
SpaceFrog

et il se repère comment cet élément ?
12/07/2007, 17h28
makohsarah

bon suppossons que cet elements garde son ID ds la BD , il apparaitra coe ceci ds le code Html :

<option value="65" >wwwwwwwww</option>
<option value="55" >element-actif</option>
<option value="41" >eeeeeeeee</option>

Dc seul celui en gras doit rester ds la liste, son ID ds la BD c 55
13/07/2007, 09h47
makohsarah

Aucune idée?

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
<script type='text/javascript'>
function clearselect(){
var monselect=document.getElementById('one');
var long=monselect.options.length;
var keep
 
for (i=0;i<long-1;i++){
 alert(monselect.options[i].innerText)
 if(monselect.options[i].innerText =="element-actif"){keep=monselect.options[i].cloneNode(true)}
 }
 monselect.options.length=0
 monselect.appendChild(keep)
  }
</script>
</head>
 
<body onload="clearselect()">
<select id="one">
<option value="65" >wwwwwwwww</option>
<option value="41" >eeeeeeeee</option> 
<option value="41" >eeeeeeeee</option> 
<option value="41" >element-actif</option> 
<option value="41" >eeeeeeeee</option> 
<option value="41" >eeeeeeeee</option> 
</select>
 
 
</body>