Tweet
merci de m'aider je développe un site avec joomla je veut rendre une liste dynamique relier avec la bae de donnée mon code statique ets :
<head>
<title>Liste chaînée avec PHP/JSON [Demo]</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="/style.css" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<div class="container">
<h1>Liste chaînée avec PHP/JSON</h1>
<table border="0">
<tr>
<th colspan="2">Choisissez le pays puis la ville</th>
</tr>
<tr>
<td id="libelle">Pays</td>
<td>
<select name="listePays" id="listePaysId">
<option>---</option>
<option value="fr">France</option>
<option value="us">USA</option>
<option value="es">Espagne</option>
<option value="en">Angleterre</option>
</select>
</td>
</tr>
<tr>
<td id="libelle">Ville</td>
<td>
<select name="listeVille" id="listeVilleId" disabled="true"></select>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("select#listePaysId").change(function(){
var idVal = $("select#listePaysId option:selected").attr('value');
$("select#listeVilleId").attr("disabled", true);
$.getJSON("components/com_produit1/processeur.php",{paysID: idVal, ajax: "true"}, function(data){
var options = "";
if (data != null)
{
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].label + '</option>';
}
}
//envoyer le resultat dans le select
$("select#listeVilleId").html(options);
$("#resJson").attr("value", options);
//si le resultat n'est pas vide
//activer le select
if (options != "")
{
$("select#listeVilleId").attr("disabled", false);
}
});
});
});
</script>
</body>
</html>
merci les joomlais
<head>
<title>Liste chaînée avec PHP/JSON [Demo]</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="/style.css" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<div class="container">
<h1>Liste chaînée avec PHP/JSON</h1>
<table border="0">
<tr>
<th colspan="2">Choisissez le pays puis la ville</th>
</tr>
<tr>
<td id="libelle">Pays</td>
<td>
<select name="listePays" id="listePaysId">
<option>---</option>
<option value="fr">France</option>
<option value="us">USA</option>
<option value="es">Espagne</option>
<option value="en">Angleterre</option>
</select>
</td>
</tr>
<tr>
<td id="libelle">Ville</td>
<td>
<select name="listeVille" id="listeVilleId" disabled="true"></select>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("select#listePaysId").change(function(){
var idVal = $("select#listePaysId option:selected").attr('value');
$("select#listeVilleId").attr("disabled", true);
$.getJSON("components/com_produit1/processeur.php",{paysID: idVal, ajax: "true"}, function(data){
var options = "";
if (data != null)
{
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].label + '</option>';
}
}
//envoyer le resultat dans le select
$("select#listeVilleId").html(options);
$("#resJson").attr("value", options);
//si le resultat n'est pas vide
//activer le select
if (options != "")
{
$("select#listeVilleId").attr("disabled", false);
}
});
});
});
</script>
</body>
</html>
merci les joomlais
Commentaire