获取多选下拉框(select标签设置multiple属性)的值
程序员文章站
2022-07-13 23:08:45
...
<select multiple>不能直接获取value,需要借助该元素的options属性。如下:
<select id="select" multiple>
<option value="1">1111</option>
<option value="2">2222</option>
<option value="3">3333</option>
</select >
<script>
// 获取select元素的options属性
const options = document.querySelector('#select').options
const selectValueArr = []
for (let i = 0; i < options.length; i++) {
// 如果该option被选中,则将它的value存入数组
if (options[i].selected) {
selectValueArr.push(options[i].value)
}
}
// 如果后端需要字符串形式,比如逗号分隔
const selectValueStr = selectValueArr.join(',')
// Ajax code here
// ...
</script>
上一篇: JTextArea 实现 单击某行高亮 双击显示内容的功能
下一篇: 自定义ListBox控件3