INPUTに選択肢を付ける

投稿日:2022-10-06 投稿者:PS カテゴリ:その他 タグ: , , , ,

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;
  }
})