Problème de liste déroulante et js...

Version imprimable

Salut, j'aimerais créer une liste déroulante en js... Pour l'instant, ça fonctionne mais c'est pas "propre"... Quelqu'un sait-il 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> function getUnitPerDirectorate(id){ <cfoutput> var inputHtml = "<select name='unit'>"; <cfloop query="getUnit"> if(id.value == 0) { var dir = id.value; }else{ var dir = #UNIT_N_UNIT_ID#; } if(id.value == dir){ inputHtml = inputHtml + "<option value=#N_UNIT_ID#>#S_NAME#"; } </cfloop> inputHtml = inputHtml + "<option value=0 selected>All"; inputHtml = inputHtml + "</select>"; document.getElementById("test").innerHTML = inputHtml; </cfoutput> } </script>
Et dans l'html :
Code:

1 2 3 4 5 6 7 <div id="test"> <select name="unit"> <cfloop query="getUnit"> <option value="#N_UNIT_ID#">#S_NAME# </cfloop> <option value = "0" selected>All </select></div>
Ce qui me gêne, c'est l'emploi de la balise div... Serait-il possible de s'en passer??? D'envoyer directement les valeurs dans le champ adéquat sans passer par le div??? Mon menu se trouve dans un formulaire...

03/03/2006, 09h21
SpaceFrog

c'est quoi ces balises curieuses dans ton script ...
03/03/2006, 09h31
Empty_body

Les balise cf, je presume... En fait, je suis sous coldfusion... Mais ça ne change strictement rien au html et js... Le "inputHtml" contient le contenu de ma liste, et en l'envoyant dans le div, ça fonctionne nickel... Mon problème est que le div est jugé "pas propre" par mon chef... Je me demandais donc si il n'est pas possible de tout injecter dans le formulaire directement... Genre "formulaire.menu_déroulant.option" = inputHtml...
03/03/2006, 09h33
Matthieu2000

mets l'id dans le select!
03/03/2006, 09h44
Empty_body

J'ai essayé de mettre l'id dans le select mais ça donne rien... J'ai aussi essayé de mettre

Code:

document.getElementById("nom_formulaire.nom_champ").innerHTML = inputHtml;

mais ça non plus, ça ne fonctionne pas...

Re: Problème de liste déroulante et js...

au pif

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script>
function getUnitPerDirectorate(id){
<cfoutput>
listeSlt=document.getElementById("unit")
listeSlt.options.length=0;
 
 
<cfloop query="getUnit">
 
if(id.value == "0" || id.value=="#UNIT_N_UNIT_ID#" )
{
op= new Option(#N_UNIT_ID#,"#S_NAME#");	
listeSlt.options[listeSlt.options.length]=op;	
}
</cfloop>
op= new Option("0","All");		
listeSlt.options[listeSlt.options.length]=op;
 
</cfoutput>
	}
</script>

Et dans l'html :

Code:

1
2
3
4
5
6
7
 
<select name="unit" id="unit">
							<cfloop query="getUnit">
								<option value="#N_UNIT_ID#">#S_NAME#
							</cfloop>
								<option value = "0" selected>All
						</select>