Jquery Autocomplete Array

Jquery Autocomplete Array
2012-04-07T19:21:07+02:00
2012-04-07T20:03:29+02:00
2022-11-25T07:15:39+01:00
Tomi7979
Sziasztok!

Szeretném használni a jquery autocomplete funkcióját, úgy hogy egy javascriptes tömbből szedje az adatokat.
Ha az alábbi kódból kiszedem a "data","label","value" paramétereket, akkor működik is a keresés a tömb value mezőire.
1. A tömb "nev" mezőit szeretném keresni.
2. Hogyan lehet azt megoldani, hogy a lenyílóban <> jelek között tüntesse fel a cim mezőt?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.js"></script> <script type="text/javascript" src="js/jquery.ui.datepicker-hu.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" /> <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.17.custom.css" /> <input type="text" class="emberek"> <script type="text/javascript"> var emberek=[ { nev:"Abcdef",cim:"HUN", value:"11111"}, { nev:"Abcdef",cim:"ENG", value:"22222"}, { nev:"Mnopqr",cim:"RUS", value:"33333"}, { nev:"Stuvxy",cim:"CHN", value:"44444"} ]; $(".emberek").val("Ember kereső..."); $(".emberek").autocomplete({ source: emberek, data: emberek.nev, label: emberek.nev + " <" + emberek.cim + ">", value: emberek.nev, minLength: 1, }); </script>


Kössz, előre is!
Mutasd a teljes hozzászólást!
emberek.nev nincs, emberek[0].nev, emberek[1].nev, ... van.

Ha a jQueryUI autocomplete scriptjéről van szó, akkor nézd meg ott a Custom data and display példát, abból ki tudsz indulni.
Mutasd a teljes hozzászólást!

  • Kössz szépen a linket!
    Nagyjából ez a megoldás született:


    <script type="text/javascript"> var emberek=[ { label:"Abcdef",value:"HUN", leiras:"11111"}, { label:"Ghijkl",value:"ENG", leiras:"22222"}, { label:"Mnopqr",value:"RUS", leiras:"33333"}, { label:"Stuvxy",value:"CHN", leiras:"44444"} ]; $(".emberek").val("Ember kereső..."); $( ".emberek" ).autocomplete({ minLength: 0, source: emberek, focus: function( event, ui ) { $( ".emberek" ).val( ui.item.value ); return false; }, select: function( event, ui ) { return false; } }) .data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.label + "<" + item.leiras + ">" ) .appendTo( ul ); }; </script>
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd