Formularz z długą listą, dużo danych Opcje

[leszekuk]

Witam

Mam formularz w html. Musi być w nim do wyboru starostwo powiatowe. Lista zatem jest dosyć długa. Czy ktoś ma pomysł jak można by to estetycznie ogarnąć? bo lista rozwijana jest baaardzo długa i niewygodna. Dodam ze formularz nie współpracuje z baza danych i wszystko musi byc zawarte w kodzie

[nospor]

google: js autocomplete

[leszekuk]

znalazłem i zaczynam ogarniać. nie wiem jak zrobić zeby w formularzu generowało się DATA a nie VALUE

CODE

$(function(){
var currencies = [
{ value: 'szamotuły', data: 'Starosta Szamotulski ul. Wojska Polskiego 4<br>64-500 Szamotuły' },

w tej chwili w fomularzu pdf generuje mi sie to co wpisze w wyszukiwarke.

[nospor]

to zalezy jakiego libu tooltip uzyles. Na chwile obecna wiemy jedynie, ze cos znalazles ale co...

[leszekuk]

poniżej daje kod

CODE

$(function(){
var currencies = [
{ value: 'szamotuły', data: '<br>Starosta Szamotulski<br>ul. Wojska Polskiego 4<br>64-500 Szamotuły' },
];

// setup autocomplete function pulling from currencies[] array
$('#autocomplete').autocomplete({
lookup: currencies,
onSelect: function (suggestion) {
var thehtml = ' <br> <strong>ORGAN WYDAJĄCY DOKUMENT :</strong> ' + suggestion.data;
$('#outputcontent').html(thehtml);
}
});


});

a tu html

div id="content">
<h1>Wyszukiwarka organu wydającego Dokument</h1>
<center><h2>WPISZ NAZWE MIASTA</h2></center>

<div id="searchfield">
<form><input type="text" name="currency" class="biginput" id="autocomplete"></form>
</div><!-- @end #searchfield -->

<div id="outputbox">
<p id="outputcontent"></p>
</div>
</div><!-- @end #content -->