jQuery UI Autocomplete with jsfiddle echo json
http://bugs.jqueryui.com/ticket/7230
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
this jsfiddle just to test 1 functionnality.<br>
i need to have an autocomplete from a data and have result<br>
in other area than the autocomplete input<br>
<s>how to say to autocomplete to report result in another area.? (Result)</s><br>
this is how to say to autocomplete to report result in another area (Result)<br>
<B>INITIAL INPUT AREA MUST KEEP INITIAL CONTENT</B><br>
<br>
en francais.<br>
j'ai besoin d'une fonction autocomplete à partir d'une saisie<br>
mais qui laisse le champ de saisie intacte et reporte le resultat selectionné dans un autre champ.<br>
<B>IMPORTANT! LE CHAMP SAISIE DOIT CONSERVER LA SAISIE,</B><br>
le champ resultat recevant le resultat selectioné dans l'autocomplete.<br>
<s>comment dire à l'autocomplete de faire ca.? </s><br>
voila comment faire<br>Le truc.?<br>on passe par un champ caché intermediaire dans lequel on repercute la saisie à chercher<br>
<br><br>
Saisie: <input type="text" id="saisie" ></input>
<input type="hidden" id="autocomplete" value=""></input>just type 1 to autocomplete and select 21<br>
Result: <input type="text" id="result" value=""></input>
<input style="display:none;" id="tagville" />
CSS
body{font:62.5% Verdana,Arial,sans-serif;}
JavaScript
$('#saisie').keyup(function(e) {
valeur=$(this).val();
$("#autocomplete").val(valeur);
$( "#autocomplete" ).autocomplete( "search", valeur );
});
$( "#autocomplete" ).autocomplete({
position:{of:$( "#result" )}, // positionne l'autocomplete sous le champ resultat
source: function( req, resp ) {
$.post( "/echo/json/", {
json: '["11", "21", "31", "41", "51"]',
delay: 1
}, function(data) {
resp( data );
}, "JSON" );
},
select: function(evt, ui){
$('#result').val(ui.item.label);
oldsaisie=$("#autocomplete" ).val();
}
});