INPUTに選択肢を付ける
jQuery UI の autocomplete() 使用して選択肢を付ける
<input type="text" name="data1" class="field selector fix">
<input type="text" name="data2" class="field selector dbdata">$('input.selector').each(function(){
var my = $(this),
myName = my.attr('name');
switch(true){
case hasClass('fix'): // 固定の選択肢の例
autocomplete({
source: ['りんご', 'みかん', 'ぶどう']
})
break;
case hasClass('dbdata'): // サーバー上のデータから取得する例
autocomplete({
source: function(rew, res){
$.ajax({
url: "sample.php", type:"POST", dataType: "json", cache: false,
data: JSON.stringify({job:"selector", inp:req.term, key:myName}),
success: function(e){ res(e.res); },
error: function(e){ console.log('err.'); }
})
})
})
break;
}
})