Liste déroulante + fonctionnement du $("#menu").html

Version imprimable

Bonjour
Mon but final est d'inserer du contenu dans une liste de choix .

mais dans un premier temps j'essaye juste d'inserer dans ma liste le contenu d'une variable issus de mon script.

Mais je ne vois pas pourquoi mon $("#menu").html ne fonctionne pas.

ci joint mon code html et js

Merci pour toute aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html>
<head>
<title> Exo </title>
 
<link rel="stylesheet" type="text/css" href="css/style.css"> </link>
 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/AlimListe.js"> </script>
 
</head>
<body>
			<div id="formul1">
			<p> Formulaire </p>
			<div id="menu">
			<form method="post" action="test" >
			<label for="list_etude"></label> 
			<select name="list_etude" id="list_etude" class="champ_col1">
			</div>
			</div>
</body>
</html>

Code:

1
2
3
4
5
6
7
$(document).ready(function() {
var a='<option value="ETUDE1">ETUDE1</option> ' ;
var b='<option value="ETUDE2">ETUDE1</option> </select>	</form>' ;
var c=a+b;
 
 
$("#menu").append(c); });

Tiens j'ai remarqué qu'en passant ma ligne
<select name="list_etude" id="list_etude" class="champ_col1">

Dans mon j script, cela fonctionne,

Mais si quelqu'un peut m'expliquer simplement pourquoi ca ne fonctionne pas si mon select dans le html (body) ?

Merci

Nouveau code js :
Code:

1 2 3 4 5 6 7 8 9 10 $(document).ready(function() { var a='<select name="list_etude" id="list_etude" class="champ_col1">' ; var b='<option value="ETUDE1">ETUDE1</option>' ; var c='<option value="ETUDE2">ETUDE2</option> </select> </form>' ; var d=a+b+c; $("#menu").append(d) ; });

27/05/2011, 14h15
Bovino

Tout simplement parce que si tu insères juste des options dans un div, la balise <select> ne va pas apparaitre par magie :aie:
27/05/2011, 14h31
Skytrancer

le select il etait dans le html , je l'ai juste deplacer du html dans le javascript
28/05/2011, 21h19
danielhagnoul
Bonsoir

Là vous ajoutez votre code à l'élément portant l'ID "menu" : $("#menu").append(c);.

Pour l'ajouter au "select" il faut utiliser son ID : $("#list_etude").append(c);.

Mais votre code n'est pas correct :
Code:

1 2 3 4 <form method="post" action="test" > <label for="list_etude"></label> <select name="list_etude" id="list_etude" class="champ_col1"></select> </form>
Code:

var options = '<option value="ETUDE1">ETUDE1</option><option value="ETUDE2">ETUDE1</option>';