Показать сообщение отдельно
  #1 (permalink)  
Старый 07.05.2023, 15:19
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

Событие нажатия на "option" в "datalist"
Всех приветствую, товарищи!
Имею ввод текста <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);
		}
	});
});

Последний раз редактировалось Булат Азат улы, 07.05.2023 в 15:22.
Ответить с цитированием