javascript - 如何从输入的“datalist”属性中获取用户选择的值
问题描述
我使用 for 循环从 API 生成了 datalist 的选项。它以正确的方式生成,但是当我尝试获取用户选择了哪个选项时,它会出错。
以下是输入和数据列表的 HTML 代码,我在用户输入后调用“onchange()”函数
<input placeholder="Text " type="text" id ="citiesdata" list="cities" onchange="showAlert()"/>
<datalist id="cities" >
</datalist>
通过在“arr”数组上使用for循环为datalist生成选项,该数组存储来自API的数据
var list = document.getElementById('cities');
for (i = 0; i<arr.length; i++){
var option = document.createElement('option');
option.value = arr[i].name;
list.appendChild(option);
}
function showAlert(){
a = document.getElementById('cities').value
alert(a);
}
解决方案
推荐阅读
- freemarker - 如何在 FreeMarker 中嵌套相同的自定义指令?
- java - curl请求minikube超时,不明白为什么
- oracle - oracle中如何使用sql游标属性
- python - Numpy:如何将 (4, ) 数组和 (9, 9) 数组添加到 (9, 9, 4) 数组?
- python-3.x - 通过拆分值在熊猫数据框中创建一列
- python - 谷歌云数据流流+批处理
- javascript - Reactjs:如何在特定行上编辑表格?
- string - Linux中的语句结果为字符串比较错误
- javascript - indexedDB:“_proto_”在数据库对象中做什么?
- javascript - 为什么我的 QuillJS Delta 不能插入空格?