用jquery获取select标签中选中的option值及文本的示
网络编程 2025-03-25 00:21www.168986.cn编程入门
狼蚁网站SEO优化:长沙网络推广分享jQuery获取select标签选中option值及文本示例
在web开发中,我们经常需要处理表单数据,其中select标签的数据获取是常见操作之一。今天,长沙网络推广为大家带来一篇关于如何使用jQuery获取select标签中选中的option的值和文本的示例,希望对大家有所帮助。
要在html或jsp中引入jQuery文件。只有引入了jQuery,我们才能使用其提供的便捷方法进行操作。
接下来,直接上代码:
```html
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
function doSome(){
// 方法一获取select标签选中的option中的文本
alert($("sel option:selected").text());
// 方法二获取select标签选中的option中的文本
alert($("sel").find("option:selected").text());
// 方法一获取select标签选中的option中的value的值
alert($("sel option:selected").val());
// 方法二获取select标签选中的option中的value的值
alert($("sel").find("option:selected").val());
// 当option是这样的,即没有value属性的时候的说明
// jquery在这种情况下会返回option的文本内容作为value的值
// 当选中这个option的时候,上述四个alert出来的值都是一样的,都是option中的文本。
}