Bonjour
Je suis débutant en ajax, j'ai un script qui fonctionne avec un seul input
Mon souci est que je ne parviens pas à le modifier pour récupérer et envoyer la valeur de plusieurs input
voici mon code :
$(document).ready( function() {
$('input').keyup( function()
{
$field = $(this);
$fichier = $field.attr('id');
$target = $('#results');
$target.html('');
if( $field.val().length > 1 )
{
$.ajax (
{
type : 'GET',
url : 'ajax-search.php',
data : 'filtre='+$field.val() ,
success : function(data){
$target.html(data);
}
});
}
});
});
</script>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body style="font-size:11px">
<!--debut du formulaire-->
<form class="ajax" action="search.php" method="get">
<p>
<label for="r">Rechercher 1</label>
<input name="r" type="text" id="r1" />
<label for="q">Rechercher 2</label>
<input name="q" type="text" id="q2" />
<label for="p">Rechercher 3</label>
<input name="p" type="text" id="p3" />
</p>
</form>
<div id="results" style="border:1px solid #C00">Zone 2</div>
<!--fin du formulaire-->
par avance merci de votre aide
Xavier
Bonjour
Je suis débutant en ajax, j'ai un script qui fonctionne avec un seul input 8-)
Mon souci est que je ne parviens pas à le modifier pour récupérer et envoyer la valeur de plusieurs input :cry:
voici mon code :
$(document).ready( function() {
$('input').keyup( function()
{
$field = $(this);
$fichier = $field.attr('id');
$target = $('#results');
$target.html('');
if( $field.val().length > 1 )
{
$.ajax (
{
type : 'GET',
url : 'ajax-search.php',
data : 'filtre='+$field.val() ,
success : function(data){
$target.html(data);
}
});
}
});
});
</script>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body style="font-size:11px">
<!--debut du formulaire-->
<form class="ajax" action="search.php" method="get">
<p>
<label for="r">Rechercher 1</label>
<input name="r" type="text" id="r1" />
<label for="q">Rechercher 2</label>
<input name="q" type="text" id="q2" />
<label for="p">Rechercher 3</label>
<input name="p" type="text" id="p3" />
</p>
</form>
<div id="results" style="border:1px solid #C00">Zone 2</div>
<!--fin du formulaire-->
par avance merci de votre aide
Xavier
