Чтобы добавить список данных к элементу ввода в HTML, вы можете использовать следующие методы:
- HTML-разметка. Вы можете добавить список данных непосредственно в HTML-разметку входного элемента, используя теги
и. Вот пример:
<input list="datalistID">
<datalist id="datalistID">
<option value="Option 1">
<option value="Option 2">
<option value="Option 3">
</datalist>
- JavaScript: вы можете динамически создавать и добавлять параметры в список данных с помощью JavaScript. Вот пример:
<input list="datalistID">
<datalist id="datalistID"></datalist>
<script>
var datalist = document.getElementById("datalistID");
var option1 = document.createElement("option");
option1.value = "Option 1";
datalist.appendChild(option1);
var option2 = document.createElement("option");
option2.value = "Option 2";
datalist.appendChild(option2);
var option3 = document.createElement("option");
option3.value = "Option 3";
datalist.appendChild(option3);
</script>
- jQuery: Если вы используете jQuery, вы можете использовать его методы для динамического добавления параметров в список данных. Вот пример:
<input list="datalistID">
<datalist id="datalistID"></datalist>
<script>
$(document).ready(function() {
var datalist = $("#datalistID");
datalist.append("<option value='Option 1'>");
datalist.append("<option value='Option 2'>");
datalist.append("<option value='Option 3'>");
});
</script>