🌟用jQuery轻松获取`<select>`标签中的选中值与文本✨
互联科技科普
2025-03-14 23:17:26
导读 在前端开发中，使用jQuery操作HTML元素是家常便饭。今天来聊聊如何快速获取``下拉框中被选中的``的值和显示文本！🔍💻首先，确保你已经引入...
在前端开发中，使用jQuery操作HTML元素是家常便饭。今天来聊聊如何快速获取`
首先，确保你已经引入了jQuery库。然后，可以通过以下代码实现目标：
```javascript
// 获取选中的option的值
var selectedValue = $("select").val();
// 获取选中的option的文本内容
var selectedText = $("select option:selected").text();
```
举个例子：如果你有一个简单的HTML结构如下：
```html
```
运行上述代码后，`selectedValue`会返回`"2"`，而`selectedText`则是`"选项二"`。🎯
这种方法简单高效，尤其适合需要动态处理表单数据的场景。无论是表单验证还是用户行为跟踪，都能派上大用场！👏🎉
下次再遇到类似需求时，记得用这个小技巧哦！💡
免责声明：本文由用户上传，如有侵权请联系删除！