jQuery中获取select中option的值.
时间: 2023-08-10 10:06:09 浏览: 162
用jquery获取select标签中选中的option值及文本的示例
你可以使用 jQuery 的 `val()` 方法来获取 select 元素当前选中的 option 的值,示例代码如下:
```javascript
// HTML 代码
<select id="my-select">
<option value="option-1">选项1</option>
<option value="option-2">选项2</option>
<option value="option-3">选项3</option>
</select>
// JavaScript 代码
var selectedValue = $('#my-select').val();
console.log(selectedValue); // 输出当前选中的 option 的值
```
如果你想要获取选中的 option 的文本内容,可以使用 `text()` 方法,示例代码如下:
```javascript
var selectedText = $('#my-select option:selected').text();
console.log(selectedText); // 输出当前选中的 option 的文本内容
```
注意,在使用 `val()` 方法获取 select 元素的值时,如果 select 元素的 multiple 属性被设置为 true(即允许多选),则该方法将返回一个包含所有选中 option 值的数组。
阅读全文