js多选下拉框回显 如何赋值
时间: 2023-12-14 17:04:52 浏览: 54
多下拉框的回显需要根据你的具体实现方式来确定。以下是一种常见的实现方式:
1. 定义下拉框
```html
<select id="mySelect" multiple>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
```
2. 在 JavaScript 中获取选中的值并赋值
```javascript
// 获取下拉框元素
var mySelect = document.getElementById("mySelect");
// 获取选中的值
var selectedValues = [];
for (var i = 0; i < mySelect.options.length; i++) {
if (mySelect.options[i].selected) {
selectedValues.push(mySelect.options[i].value);
}
}
// 将选中的值赋值给其他元素
document.getElementById("otherElement").value = selectedValues.join(",");
```
在上述代码中,我们首先通过 `document.getElementById` 获取了下拉框元素,并通过循环遍历所有选项来获取选中的值。最后,我们将选中的值赋值给其他元素,例如一个文本框。需要注意的是,由于下拉框是多选的,所以我们将选中的值保存在一个数组中,并使用 `join` 方法将数组转换为字符串。