select选中的数组不储存值
时间: 2023-09-09 17:08:35 浏览: 45
如果您使用的是HTML中的select元素,它本身只提供了选项列表和选中状态的功能,而不会直接储存选中的值。您需要使用JavaScript来获取选中的值并将其储存到一个变量或数组中。下面是一个使用JavaScript获取select选中值的示例代码:
```html
<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
const selectElement = document.getElementById("mySelect");
const selectedValue = selectElement.value;
console.log(selectedValue); // 输出选中的值
</script>
```
您可以将选中的值储存在一个数组中,例如:
```html
<select id="mySelect" multiple>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
const selectElement = document.getElementById("mySelect");
const selectedValues = Array.from(selectElement.selectedOptions).map(option => option.value);
console.log(selectedValues); // 输出选中的值的数组
</script>
```
注意,当使用multiple属性时,需要使用selectedOptions属性来获取选中的选项列表,并使用map方法将其转换为值的数组。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)