English
资源说明：1.要想使用jquery首先html或者jsp中得引入jquery文件。
2.话不多说，上代码。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="../../
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果以及异步通信等任务。本示例主要介绍了如何利用 jQuery 获取 `select` 标签中选中的 `option` 值及文本。
要在页面中使用 jQuery，需要在 HTML 或 JSP 文件中引入 jQuery 的库文件。在这个例子中，引入的是 `jquery-1.6.2.js`，如下所示：
```html
```
接下来，我们创建一个 `select` 元素，并设置一个 `onchange` 事件，当用户选择不同的选项时，调用 `doSome()` 函数。`select` 元素包含两个 `option`，每个 `option` 可以有自己的 `value` 属性：
```html
```
`doSome()` 函数中展示了两种方式来获取选中 `option` 的文本和值：
1. 使用 `$("#sel option:selected").text()` 和 `$("#sel option:selected").val()`：
这两个方法分别获取选中 `option` 的文本内容和 `value` 属性的值。如果选中的 `option` 没有定义 `value` 属性，`val()` 方法将返回空字符串。在示例中，当选择 `option` 元素 ``（没有 `value` 属性）时，`text()` 和 `val()` 返回的结果相同，都是 `cc`。
2. 使用 `$("#sel").find("option:selected").text()` 和 `$("#sel").find("option:selected").val()`：
这两个方法与上面的方法类似，也是获取选中 `option` 的文本和值。它们的区别在于这里使用了 `find()` 方法来定位选中的 `option`。
在实际开发中，`option` 的 `value` 属性通常用来存储与显示文本无关但对程序有意义的数据，例如数据库中的 ID。而 `text` 通常是用户可见的标签文本。确保每个 `option` 都有明确的 `value` 属性，可以避免因找不到 `value` 而产生的错误。
通过 jQuery，我们可以方便地获取 `select` 下拉列表中用户选择的 `option` 的文本和值，这在表单提交、动态更新内容或交互式应用中非常有用。记得在使用这些方法前，确保已正确引入 jQuery 库，并且 `select` 元素和 `option` 元素都有正确的 ID 和结构。在编写这类功能时，应考虑到没有 `value` 属性的 `option` 的情况，并做出适当的处理。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
