尝试实现类似于此处的搜索。这将根据城市、地区、房产名称和建筑商名称搜索属性。现在有一个较小的版本正在工作,它仅搜索我附加城市名称的地区名称。
$(document).ready(function(){
//alert("Entered");
$("#searchId").keyup(function()
{
var searchbox = $(this).val();
var dataString = 'searchword='+ searchbox;
if((searchbox=='') || (searchbox=='e.g') )
{
//$('#display').css('display') == 'none';
$('#display').hide();
}
else
{
if("#searchId".length>3)
{
$.ajax({
type: "POST",
url: "search.php",
data: dataString,
cache: false,
success: function(html)
{
$("#display").html(html).show();
$(".name").click(function(){
// alert($(this).text());
$("input#searchId").val($(this).text());
$('#display').hide();
});
}
});
}
}return false;
});
});
在 search.php 我有这样的查询,
$sql_res=mysql_query("select * from locality as loc inner join cities as cit on loc.city_id=cit.city_id where locality_name like '%$q%' or city_name like '%$q%' order by locality_id LIMIT 5");
但我希望它的功能类似于给定的链接。下拉列表应显示所选条件的名称及其前面的类型(例如:Pune(criteria) city(type))。如何编写sql 语句和 ajax /jquery函数来实现这个??
编辑: 为输入框添加 HTML
<input type="text" autocomplete="off" class="homeinput ac_input" title="Search" id="searchId" name="SearchValue" value="e.g lodha new cuffe parade, thane mumbai" onFocus="if(this.value=='e.g lodha new cuffe parade, thane mumbai') this.value='';" onBlur="if(this.value=='') this.value='e.g lodha new cuffe parade, thane mumbai';">
谢谢你的时间。