Liste déroulante + fonctionnement du $("#menu").html [Résolu]

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

27/05/2011, 14h15	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 803 Points : 35 803	Tout simplement parce que si tu insères juste des options dans un div, la balise <select> ne va pas apparaitre par magie __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

27/05/2011, 14h31	#4
Skytrancer Invité régulier Benoît ORY Inscription : juin 2010 Messages : 41 Détails du profil Informations personnelles : Nom : Benoît ORY Informations forums : Inscription : juin 2010 Messages : 41 Points : 5 Points : 5	le select il etait dans le html , je l'ai juste deplacer du html dans le javascript
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email