Probleme JavaScript + Php + Mysql

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme JavaScript + Php + Mysql

vampyrx

Voila donc je souhaite générer deux listes déroulantes.
Une liste contenant les départements l'autre les villes contenu dans le département séléctionné, le tout se trouve dans une base de donnée.

Il faudrait donc quand je déroule la liste des département, que si je selection l'ile de france, dans la seconde liste déroulante seules les villes d'ile de france apparaissent.

Je sais le faire en php mais obligé de valider avec un bouton, la je voudrai que ce soit juste en selectionnant dans la liste déroulante.
Quelqu'un pourrait m'aider a le coder svp ? (c'est pour un projet, et je suis pressé par le temps, je n'ai pas assez de temps pour apprendre le Javascript et arriver a faire ca).

Merci d'avance pour toute l'aide apporté.

Publicité

nargy

trop pressé pour avoir le temps d apprendre?
fait une petite recherche sur google il y a plein de scripts prêt à l emploi pour ce genre de choses.

Message cité 1 fois

xtof_83

Freeride Spirit

nargy a écrit :

trop pressé pour avoir le temps d apprendre?
fait une petite recherche sur google il y a plein de scripts prêt à l emploi pour ce genre de choses.

Heu tu sais ... les scripts qui put du cul c'est pas toujours top....

Bon si monsieur sait programmer, la soluce à ton probléme:

Ajax...c'est du javascript et donc ça marche pas chez tout le monde...(enfin seul ceux qui le déselectionne)

Donc la soluce...Tu affiches initialement tout dans les listes...(comme ça pour les extrémistes, ils y accédent mais en plus longtemps)

Et avec Ajax tu fait ton truc...

Voilà...

Tiens des sites pour te mettre sur la voie:

http://openweb.eu.org/articles/objet_xmlhttprequest/

+ [:alkatraz]

Bonne chance...

Message édité par xtof_83 le 18-03-2006 à 23:17:58

vampyrx

J'ai essayé comme ca :
Mais cela ne marche pas ... avec du onclick et des cases a cocher ca passe mais avec le onchange non...

Code :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<script type="text/javascript">
<!--
function selectOption(num)
{
var selObj = document.getElementById('selSeaShells1');
selObj.selectedIndex = num;
}
-->
</script>
<body>
<form>
<h3>Choose one option at a time</h3>
<select name="selSS1" id="selSeaShells1">
<option value="val0">sea zero</option>
<option value="val1">sea one</option>
<option value="val2">sea two</option>
<option value="val3">sea three</option>
<option value="val4">sea four</option>
</select>
<select name="selSS2" id="selSeaShells2">
<option value="0" onchange="selectOption(0);">sea zero</option>
<option value="1" onchange="selectOption(1);">sea one</option>
<option value="2" onchange="selectOption(2);">sea two</option>
<option value="3" onchange="selectOption(3);">sea three</option>
<option value="4" onchange="selectOption(4);">sea four</option>
</select>
</form>
</body>
[/code]

vampyrx

Par contre ce code la fonctionne mais moi je veux pas cocher, je veux selectionner dans un menu déroulant :

Code :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<script type="text/javascript">
<!--
function selectOption(num)
{
var selObj = document.getElementById('selSeaShells1');
selObj.selectedIndex = num;
}
-->
</script>
<body>
<select name="selSS1" id="selSeaShells1">
<option value="val0">sea zero</option>
<option value="val1">sea one</option>
<option value="val2">sea two</option>
<option value="val3">sea three</option>
<option value="val4">sea four</option>
</select>
<input type="button" value="0" onclick="selectOption(0);" />
<input type="button" value="1" onclick="selectOption(1);" />
<input type="button" value="2" onclick="selectOption(2);" />
<input type="button" value="3" onclick="selectOption(3);" />
<input type="button" value="4" onclick="selectOption(4);" />

Message édité par vampyrx le 18-03-2006 à 23:29:06

nargy

le onchange se fait sur le tag <select>

nargy

Code :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<script type="text/javascript">
<!--
var listevilles=new Array(
new Array(), // choisir une région d abord
// IDF
new Array('Paris','Versailles','Créteil'),
// Pas de Calais
new Array('Calais','Boulogne sur mer')
);
function affichervilles(selRegion)
{
// le select de la ville
var selVille = document.getElementById('selVille');
// les villes de la région sélectionnée
var villes=listevilles[selRegion.selectedIndex];
// vider le select des villes
selVille.options.length=0;
// remplir le select des villes
selVille.options[0] = new Option('---Choisir une ville---');
for(i=0;i<villes.length;i++)
selVille.options[i+1]=new Option(villes[i]);
}
-->
</script>
<body>
<form>
<h3>Choose one option at a time</h3>
<select onchange="javascript:affichervilles(this);" name="region">
<option value="val0">---Choisir une région---</option>
<option value="val0">IDF</option>
<option value="val1">Pas de Calais</option>
</select>
<select name="ville" id="selVille">
<option value="0">---Choisir une ville---</option>
</select>
</form>
</body>

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme JavaScript + Php + Mysql

Sujets relatifs
probleme de lien qui ne s'affiche pas	Probleme de chemin
probleme affichage du dernier passage	[PHP/MySQL] Lien hypertexte basé sur les infos d'une BDD
Probléme sous postgresSql	[PHP] Comment éviter qu'un formulaire se vide si on revient ? [Résolu]
[PHP] erreur	[VB.NET/VB] Probleme image dans une form !!
[PHP/SQL] erreur sql
Plus de sujets relatifs à : Probleme JavaScript + Php + Mysql

Page générée en 0.088 secondes