【jquery获取select的选中值】在使用 jQuery 进行网页开发时，经常需要获取 `
一、总结
| 方法 | 描述 | 示例代码 |
| `val()` | 获取 ` | `var selectedValue = $('mySelect').val();` |
| `find('option:selected')` | 获取选中的 ` | `var selectedText = $('mySelect').find('option:selected').text();` |
| `change()` 事件 | 监听 ` | `$('mySelect').change(function() { ... });` |
二、详细说明
1. 使用 `val()` 方法获取选中值
`val()` 是 jQuery 提供的一个便捷方法，可以直接获取 `
```javascript
var selectedValue = $('mySelect').val();
console.log(selectedValue);
```
2. 通过 `find('option:selected')` 获取选中项文本
如果需要获取的是选中项的显示文本（而非 `value`），可以结合 `find('option:selected')` 来获取对应的 `
```javascript
var selectedText = $('mySelect').find('option:selected').text();
console.log(selectedText);
```
3. 监听 `change()` 事件
在实际应用中，常常需要对 `
```javascript
$('mySelect').change(function() {
var selectedValue = $(this).val();
alert('选中值为：' + selectedValue);
});
```
三、注意事项
- 确保 `
- 如果是多选 `
- 使用 `option:selected` 时，要确保该选择器在 DOM 加载完成后执行，避免找不到元素。
四、小结
jQuery 提供了多种方式来获取 `
