[英]Populate search box with autocomplete suggestion based on drop down list
我正在嘗試使用下拉菜單創建搜索框。 到目前為止,我已經做到了。 我的代碼是:
<div id="form_input_things">
<p>
Search Type:<select id="searchtype" name="searchtype">
<option value="country">Country</option>
<option value="city">City</option>
</select>
</p>
<p>
<div class="form-group">
Search Term:<input type="text" name="searchterm" id="myMessage" placeholder="Search term" data-toggle="tooltip" data-placement="bottom" title="Search by Country name,City name" onkeyup='check()'> <input class ="btn btn-primary" type="submit" id="submitid" value="Submit" disabled>
<script type="text/javascript">
$("input[type=text]").keyup(function(){
var count = 0, attr = "disabled", $sub = $("#submitid"), $inputs = $("input[type=text]");
$inputs.each(function(){
count += ($.trim($(this).val())) ? 1:0;
});
(count >= $inputs.length ) ? $sub.removeAttr(attr):$sub.attr(attr,attr);
});
</script>
</div>
</p>
<p> </p>
</div>
但是現在最困難的部分來了,我想根據下拉菜單的選擇(國家名稱或城市名稱列表)為搜索框填充建議的名稱。 我怎樣才能做到這一點? 我不想在HTML模板中加載數據(因為加載頁面的速度會變慢),但我想從自己的列表中獲取所有國家或城市名稱(1000多個城市名稱)。 期待您的幫助。
您要查詢的最困難的部分是獲取城市列表,並確保您顯示的是該特定國家/地區/省份的城市。 我個人建議使用Google Maps的API,並使其適應您的需求。 查看此鏈接: https : //developers.google.com/maps/documentation/javascript/examples/places-autocomplete#try-it-yourself
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.