JS 获取下拉框选中的value值和文本值
时间: 2023-07-24 18:38:25 浏览: 67
获取下拉框选中的value值可以使用以下代码:
```javascript
var selectBox = document.getElementById("selectBox");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
```
其中,`selectBox`为下拉框的DOM对象,`selectedValue`为选中的value值。
获取下拉框选中的文本值可以使用以下代码:
```javascript
var selectBox = document.getElementById("selectBox");
var selectedText = selectBox.options[selectBox.selectedIndex].text;
```
其中,`selectBox`为下拉框的DOM对象,`selectedText`为选中的文本值。
相关问题
页面反显之前select下拉框选中的值
您可以使用JavaScript代码获取页面反显前select下拉框选中的值,方法如下:
首先获取select标签的DOM对象,可以通过id、class等方式获取:
```javascript
var selectObj = document.getElementById("selectId"); // 根据id获取
var selectObj = document.getElementsByClassName("selectClass")[0]; // 根据class获取
```
然后获取选中的option标签,可以使用select标签对象的selectedIndex属性:
```javascript
var selectedIndex = selectObj.selectedIndex; // 获取选中项的索引值
var selectedOption = selectObj.options[selectedIndex]; // 获取选中的option标签对象
```
最后获取选中的值,可以使用option标签对象的value或text属性:
```javascript
var selectedValue = selectedOption.value; // 获取选中的值
var selectedText = selectedOption.text; // 获取选中的文本
```
以上代码可以放在页面反显之前的脚本中执行,以获取页面反显前的select下拉框选中的值。
jQuery操作select下拉框的text值和value值的方法
你可以使用 jQuery 的 `val()` 方法来获取或设置 select 下拉框的 value 值,使用 `text()` 方法来获取或设置 select 下拉框选中项的文本值。
获取选中项的 value 值:
```javascript
var value = $('#selectId').val();
```
设置选中项的 value 值:
```javascript
$('#selectId').val('newValue');
```
获取选中项的文本值:
```javascript
var text = $('#selectId option:selected').text();
```
设置选中项的文本值:
```javascript
$('#selectId option:selected').text('newText');
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)