如果在網頁設計中需要一個城市選擇輸入框，可以使用jQuery解決這個問題。jQuery選擇城市輸入框可以為用戶提供方便快捷的城市選擇功能，快速找到需要的城市信息，并且讓用戶在輸入名字時，系統自動進行城市匹配，縮短了搜索時間。

$(function(){
$('.city-select').each(function(){
var cityInput = $(this);
var lastVal = '';
cityInput.autocomplete({
minLength: 0,
source: function(request, response){
var val = $.trim(request.term);
if (val == lastVal) return;
lastVal = val;
$.ajax({
url: 'http://www.dodohotline.com/autocomplete.php',
dataType: 'jsonp',
data:{
'key': 'CityCode',
'q': val
},
success: function(data){
response($.map(data, function(item){
return {
label: item.CityName,
value: item.CityName
}
}));
},
error: function(){
response([]);
}
});
},
select: function(event, ui){
setTimeout(function(){
cityInput.blur();
}, 10);
}
}).autocomplete('instance')._renderItem = function(ul, item){
return $('<li>').addClass('ui-menu-item').html(item.label).appendTo(ul);
}
});
});

以上是使用jQuery實現選擇城市輸入框的相關代碼。注釋已經加上，大致的使用方法是將選擇框的class設為‘city-select’，此時框架會自動調用城市選擇功能。