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

**Skytrancer** · 25/05/2011, 15h47

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 :

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

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

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); });

**Skytrancer** · 27/05/2011, 13h18

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 :

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

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) ;
 
});

**Bovino** · 27/05/2011, 14h15

Tout simplement parce que si tu insères juste des options dans un div, la balise <select> ne va pas apparaitre par magie

**Skytrancer** · 27/05/2011, 14h31

le select il etait dans le html , je l'ai juste deplacer du html dans le javascript

**danielhagnoul** · 28/05/2011, 21h19

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 :

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

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 :

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

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

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

jQuery

Vue hybride

Discussions similaires

Partager

Partager