<input type="text" id="CityAjax" value="" class='input' />
<input type="hidden" id="CityAjaxValue" value="" />
<input type="button" class='submit' value='Use Selected City »' onclick="selectCity();"/>
<script type="text/javascript" language="javascript">
$("#CityAjax").autocomplete("citylist.php", {
width: 260,
selectFirst: false,
max: 50,
autoFill: false
}).result(function(event, data, formatted) {
if (data)
{
var u = data[1];
$("#CityAjaxValue").val(u);
}
});
function findValue(li) { alert(li.extra[0]); $("#CityAjaxValue").val(li.extra[0]); }
function selectCity()
{
if ($("#CityAjaxValue").val())
window.location = "index.php?find&city="+$("#CityAjaxValue").val();
else
alert("Please select a city.");
}
</script>