Добрый вечер. Требуется получить значение option из datalist, которое выбирает пользователь. Перепробовал несколько примеров в интернете и ничего не получаете. Можете подсказать вариант решение? Требуется, чтобы при выборе из одного списка datalist, аякс менял список во втором datalist. Но для начала просто получить значение из datalist Код (Javascript): <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <title>1111</title> <link rel='stylesheet' type='text/css' href='../style.css'> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> <script type='text/javascript'> $(function () { $('#browserinput').on('input', function () { var opt = $('option[value="' + $(this).val() + '"]'); alert(opt.length ? opt.attr('id') : 'NO OPTION'); }); }); $(document).on('change', '#idcompany2', function (event) { // var sel = document.getElementById('#idcompany1'); //var val = sel.options[sel.selectedIndex].value; var value = $('#idcompany2 option:selected').text(); alert('|' + value + '|'); }) </script> </head> <body> <br><br> <input name="company" id="idcompany1" list="character1"></div> <datalist id="character1"> <option id="op1" value="1"> <option id="op2" value="2"> <option id="op3" value="3"> </datalist> <input id='browserinput' list="browsers"> <datalist id="browsers"> <option id="op1" value="Internet Explorer"/> <option id="op2" value="Firefox"/> <option id="op3" value="Chrome"/> <option id="op4" value="Opera"/> <option id="op5" value="Safari"/> </datalist> <script> document.getElementById("idcompany1").oninput = function () { // alert("111"); var inp = this.value; var opt = document.querySelector("#character1 option[value='" + inp + "']"); if (opt) alert(opt.dataset.value); $('#character1 option').each(function () { if ($(this).is(':selected')) { // Your code here with the selected value alert("111"); } }); } $(function () { $('#idcompany1').on('input', function () { var opt = $('option[value="' + $(this).val() + '"]'); alert(opt.length ? opt.attr('id') : 'NO OPTION'); }); }); </script> </body> </html>