input + dataList +ajax 實現搜尋下拉列表。原來一直都是select一動態載入很麻煩，還不可以搜尋，自己寫下拉搜尋的話還要調css樣式覺得很麻煩。調整樣式什麼。查閱了下H5的API發現了一個dataList標籤，標籤定義選項列表，跟 input 元素配合使用該元素，來定義 input 可能的值。唯一不足的就是相容問題，不可以相容到低版本ie。

文字框定義如下：加入list=“”；這個list名字要與dataList的id保持一致。這樣就可關聯。

<input type="text" id="a" list="browsers">
<datalist id="browsers">
  <option bh="1" value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
 

文字框做實施監聽，監聽時傳送ajax請求，更換dataList中value：

$("#a").bind('input propertychange', function() {
	$.ajax( {
		url : ctxpath + "/admin/mer/timing/query",
		type : 'post',
		data : {},
		dataType : 'json',
		success : function(data) {
  
		},
		error : function() {
			alert('程式錯誤，請聯絡管理員'); 
		}
	});
}）