ここに似た検索を実装しようとしています。これは、都市、地域、プロパティ名、およびビルダー名に基づいてプロパティを検索します。現在、都市名を追加する地域名のみを検索する小さなバージョンが機能しています。
$(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");
しかし、私はそれが与えられたリンクと同様に機能することを望んでいます.ドロップダウンは、選択された基準の名前とそのタイプを前に表示する必要があります. /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';">
時間をありがとう。