html 5 datalist optionオプションを選択したトリガイベント
840 ワード
Input+datalistを使用して自動補完機能を実現し、datalistの内容はinput入力の内容に基づいて動的に変換され、コードは以下の通りである.
function inputSelect(){
var input_select=$("#input").val();
var option_length=$("option").length;
var option_id='';
for(var i=0;i<option_length;i++){
var option_value=$("option").eq(i).attr('data-value');
if(input_select==option_value){
option_id=$("option").eq(i).attr('data-id');
break;
}
}
console.log(input_select,option_length,option_id);
};