<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#s" ).autocomplete({
source: "http://search_category.php",
minLength: 1,
select: function( event, ui ) {
$('#s').val(ui.item.s);
},
});
$( "#catsearch" ).autocomplete({
source: "http://search_location.php",
minLength: 1,
select: function( event, ui ) {
$('#catsearch').val(ui.item.catsearch);
},
});
$( "#company" ).autocomplete({
source: "http://search_company.php",
minLength: 1,
select: function( event, ui ) {
$('#company').val(ui.item.company);
},
});
});
</script>
$string .= "<form method='get' action='".$GLOBALS['bloginfo_url']."/' name='searchBox' id='searchBox'>
<input placeholder='e.g. Plumbers' id='category' /> <input id='location' placeholder='e.g. Town/City' /> " ;
$string .= '<input placeholder="e.g. Pizza Hut" class="cocolor" id="company" name="cat">'; /*id=catsearch*/
}
}
$string .= '<div class="searchBtn left" onclick="document.searchBox.submit();"> </div>';
}
$string .= '</form>';