获取xmselect的值
时间: 2023-09-09 21:08:12 浏览: 48
要获取xmselect的值,可以使用JavaScript来实现。具体步骤如下:
1. 首先,获取xmselect元素所在的HTML标签,例如:
```
<div class="xm-select" xm-select="selectDemo">
<input type="text" class="xm-select-input" readonly="readonly" placeholder="请选择" />
<i class="iconfont"></i>
<dl class="xm-select-content">
<dd xm-select-value="1">选项一</dd>
<dd xm-select-value="2">选项二</dd>
<dd xm-select-value="3">选项三</dd>
</dl>
<input type="hidden" class="xm-select-value" name="selectDemo" value="" />
</div>
```
2. 然后,使用JavaScript获取该元素,例如:
```
var xmselect = document.querySelector('.xm-select');
```
3. 接着,获取选中的值,例如:
```
var value = xmselect.querySelector('.xm-select-input').value;
```
这样就可以获取到xmselect的值了。如果要获取选中的选项的value值,可以使用以下代码:
```
var selectedValue = xmselect.querySelector('.xm-select-value').value;
```
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)