Булат Азат улы,
|
Сообщение от рони
|
|
создание объекта с данными на клиенте.
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
$(function() {
let data = {};
let options = document.querySelector('#klList').options;
for (let {
text,
dataset: {
id
}
} of options) data[text] = id;
$("#klName").on('input', function() {
let value = this.value;
var klDataId = data[value];
if (klDataId) {
//отправляем $.ajax
alert(`Выбрано имя ${value}, klDataId = ${klDataId}`);
}
})
});
</script>
</head>
<body>
<input id='klName' type='text' list='klList'>
<datalist id='klList'><option data-id='1'>Имя 1</option><option data-id='2'>Имя 2</option></datalist>
</body>
</html>