le 07/07/2014 à 01:43
jax liste deroulante qui alimente plusieurs champs texte
j'ai fais quelques modifications mais sans résultats
ajax.php
<html>
<head>
<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type='text/javascript'>
function go(id_page){
var req = $.ajax({
url : 'ajax.php',
data : "id_page="+id_page,
type : 'post',
success : function(data){
// ICI LE CODE POUR REMPLIR TES INPUT
$('#input_desc').val(req.responseText);
$('#input_title').val(req.responseText);
$('#input_nom_page').val(req.responseText);
},
error : function(resultat){
alert(resultat);
}
});
}
</script>
</head>
<body>
<form>
<fieldset style="width: 500px">
<legend>Liste liées</legend>
<label>Pages</label>
<select name='page' id='page' onchange='go()'>
<option value='-1'>Aucun</option>
<?
include "dataconn.php";
$rep2 = mysql_query("SELECT * FROM pages ORDER BY nom_page ASC");
while($row = mysql_fetch_assoc($rep2)){
echo "<option value='".$row["id_page"]."'>".$row["nom_page"]."</option>";
}
?>
</select>
<label>desc</label>
<div id='div_desc' style='display:inline'>
<input type="text" name="desc" id="input_desc" value="">
</div>
<label>title</label>
<div id='div_title' style='display:inline'>
<input type="text" name="title" id="input_title" value="">
</div>
<label>sujet</label>
<div id='div_subj' style='display:inline'>
<input type="text" name="subj" id="input_subj" value="">
</div>
</fieldset>
</form>
</body>
</html>
ajax.php
<?php
include "dataconn.php";
if(isset($_POST["id_page"])){
$sql="SELECT * FROM pages WHERE id_page='".$_POST['id_page']."'";
$res = mysql_query($sql);
while($row = mysql_fetch_array($res)){
echo $row["desc"];
echo $row["title"];
echo $row["subj"];
}
}
?>