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