Всех приветствую, товарищи!
Имею ввод текста <input>, и ниже на странице из базы загружается список
<option><datalist> для этого
<input>, на каждом
<option> имеется "
data-id", который извлекается из базы в соответствии с данными в <option>.
Хотел при клике на
<option>, когда они всплывают при фокусе на
<input>, с помощью jQuery выполнить функцию с извлечением информации "
data-id" с
<option>, но функция, которцю я написал, не работает.
Не могли бы помочь, как я это могу сделать при помощи jQuery?
Код HTML:
<input id='klName' type='text' list='klList'>
<datalist id='klList'><option data-id='1'>Имя 1</option><option data-id='2'>Имя 2</option></datalist>
Код JS, в котором не работает выборка "option":
$("#klList option").click(function(){
var klDataId = $(this).data("id");
$.ajax ({
url: "/adm/ajax/main.php",
type: "POST",
data: ({
btn: "dtKlName",
klId: klDataId
}),
dataType: "html",
beforeSend: function() {
$("#floatWait").fadeIn();
},
success: function(data) {
$("#floatWait").fadeOut();
alert(data);
}
});
});