Liste deroulante et BDD

Version imprimable

Bonjour,

Je cherche a faire une toute simple liste déroulante dont les données sont récupérées en BDD oracle.

Ce qui m’étonne c'est que j'ai trouvé des dizaines d'exemples pour les fameuses listes déroulantes liées, mais pas pour une simple liste déroulante.

Pour réaliser ce résultat, (avec le peu de conaissance que j'ai en javascript), j'avai pensé a:

1- Créer un code en php qui créerai ma liste deroulante. Puis, je recupererai cette liste dans une variable javascript pour l'utiliser.
Exemple PHP:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <?php $con = mysql_connect("localhost", "root", "tototo"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("phporg", $con); $query = mysql_query("SELECT * FROM service"); $liste = '<select>'; while ($result = mysql_fetch_assoc($query)) { $liste .= '<option value="'.$result['lib_service'].'">'.$result['lib_service'].'</option>'; } $liste .= '</select>'; echo $liste; mysql_close($con); ?>
Donc je n'aurai plus qu'a recuperer la valeur de la variable $liste dans une variable javascript.

Mais je me demandai s'il étai possible d'en faire plus via du javascript. Donc de ne plus (ou quasi plus) utiliser du php (bien que je sois au courant que javascript soit coté client et php coté serveur)?

Merci,
Benjamin.

16/04/2012, 13h16
Invité

Citation:

Envoyé par Super_carotte

1- Créer un code en php qui créerai ma liste deroulante.

Ca, tu sais faire.

Citation:

2- Puis, je recupererai cette liste dans une variable javascript pour l'utiliser.

La question est : pour quoi faire ? (tu ne précises rien sur tes objectifs)
- récupération pour traitement ajax ? (affichage sans rechargement de la page)
- ... ?
16/04/2012, 13h17
SpaceFrog

regarde du coté d'ajax et de l'autocompletion...
http://siddh.developpez.com/articles/ajax/
entre autre ...
16/04/2012, 13h18
Invité

Citation:

Envoyé par Super_carotte

recuperer la valeur de la variable $liste dans une variable javascript.

avec :

Code:

<select id="idcetteliste" name="cetteliste" onchange="action_a_faire(this.value);">

Autant pour moi, je vais etre plus clair:
J'ai un formulaire qui s'affiche sous forme d'un pop-up javascript:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
createAddServicePopup:function(){
	    this.getParent().getOrganigramme().createPopup(tabLang.newservice_popup_title);
 
        var tabHtml = [];
        tabHtml.push('<form name="addservice" id="addservice" action="submit.php" method="post" onsubmit="createService(); return false;" dojoType="organigramme.widget.form">');
        tabHtml.push('<input type="hidden" name="op" value="createservice" />');
        tabHtml.push('<input type="hidden" name="membreid" value="-1" />');
        tabHtml.push('<input type="hidden" name="parentid" value="'+this.dbid+'" />');
        tabHtml.push('<input type="hidden" name="organigrammeid" value="'+this.getParent().getOrganigramme().getDbId()+'" />');
 
		tabHtml.push('<input type="hidden" name="color" value="#000000" />');
		tabHtml.push('<input type="hidden" name="display_vertical" value="1" />');
		tabHtml.push('<input type="hidden" name="opened" value="0" />');
 
        tabHtml.push('<table>');
        tabHtml.push('	<tr>');
        tabHtml.push('		<td><label for="name">'+tabLang.title_service_label+' Artemis: </label></td>');
        tabHtml.push('		<td><input type="text" name="service" id="service"></td>');
        tabHtml.push('	</tr>');
        tabHtml.push('	<tr>');
        tabHtml.push('		<td><label for="name">'+tabLang.detail_service_label+': </label></td>');
        tabHtml.push('		<td><input type="text" name="lib" id="lib"></td>');
        tabHtml.push('	</tr>');
 
        tabHtml.push('	<tr>');
        tabHtml.push('		<td><label for="name">'+tabLang.backgroundcolor_service_label+': </label></td>');
		tabHtml.push('			<td>');
		tabHtml.push('				<select name="bgcolor" class="input">');
        tabHtml.push('      			<option value="#B6DBFF" selected>Le service aura des fils</option>');
        tabHtml.push('      			<option value="#DAFFDA">Le service n\'aura pas de fils</option>');
	    tabHtml.push('     			</select>');
		tabHtml.push('	</tr>');
 
 
        tabHtml.push('	<tr>');
        tabHtml.push('		<td colspan="2" align="center">');
        tabHtml.push('			<button type="button" id="createservicebutton">'+tabLang.ok_button+'</button><button type="button" id="cancelservicebutton">'+tabLang.cancel_button+'</button></td>');
        tabHtml.push('	</tr>');
        tabHtml.push('</table>');
        tabHtml.push('</form>');
 
	    this.getParent().getOrganigramme().popup.attr('content',tabHtml.join(''));
	    this.getParent().getOrganigramme().popup.show();
 
        dojo.connect(dojo.byId('createservicebutton'), 'onclick', this, 'insertServiceDb');
        dojo.connect(dojo.byId('cancelservicebutton'), 'onclick', this.getParent().getOrganigramme().popup, 'hide');
    }

Mais a l'endroit ou il y a un champs texte pour que l'utilisateur indique le nom de son groupe, je souhaierai desormais afficher une liste deroulante avec des valeures tirées d'une BDD afin d'eviter les erreures de saisie.

Il me faudrait donc une affchage de la liste deroulante (et j'imagine un passage de requete) en code javascript.

Merci pour votre aide,
Benjamin.

18/04/2012, 07h27
andry.aime

Citation:

Envoyé par Super_carotte

Mais a l'endroit ou il y a un champs texte pour que l'utilisateur indique le nom de son groupe, je souhaierai desormais afficher une liste deroulante avec des valeures tirées d'une BDD afin d'eviter les erreures de saisie.

Il me faudrait donc une affchage de la liste deroulante (et j'imagine un passage de requete) en code javascript.

Citation:

Envoyé par SpaceFrog

regarde du coté d'ajax et de l'autocompletion...
http://siddh.developpez.com/articles/ajax/
entre autre ...

:aie: