Jak przesłać zmienną ID do pola typu hidden, korzystając ze skryptu autocomplete http://bassistance.de/jquery-plugins/jquer...n-autocomplete/
Kroki
1. Wybieram z listy stan
2. Wpisuje w 2 pole "Peter"
3. Klikam "sent"

Dane
var emails = [{"id":1,"name":"Peter Pan (peter@pan.de)"},{"id":2,"name":"Molly (molly@yahoo.com)"},{"id":3,"name":"Forneria Marconi (live@japan.jp)"},{"id":4,"name":"Master Sync (205bw@samsung.com)"}];
W tym nie moge zmienic na row.id, bo wtedy użytkownik widział by taka wartość
formatResult: function(row) {
return row.name;
}
Formularz
<form class="test" id="myform" method="post" action=""> <select id="developer" name="developer"> <OPTION VALUE="AL" >Alabama <OPTION VALUE="AK" >Alaska <OPTION VALUE="CA" Selected>California <OPTION VALUE="CO" >Colorado </select> <input type="text" name="usCityAjax" id="usCityAjax" value="" /> <input type="hidden" id="id" name="id" value="" /> <input type="submit" value="sent" /> </form>
Kod JavaScript
<script type="text/javascript"> $(document).ready(function() { $('#developer').change(function() { $('#usCityAjax').val(""); $('#usCityAjax').unautocomplete(); onSelectChange(); }); function onSelectChange() { var cityFilePath = ''; var stateSelected = $('#developer option:selected'); cityFilePath = "js/localdata.php?q="+stateSelected.val().toLowerCase(); $.getScript(cityFilePath, function() { $('#usCityAjax').autocomplete(emails, { autoFill: false, cacheLength: 1, minChars: 1, matchContains: "word", formatItem: function(row, i, max) { return row.name; }, formatMatch: function(row, i, max) { return row.id + row.name; }, formatResult: function(row) { return row.name; } }); }); }; function start() { onSelectChange(); } window.onload = start; }); </script>