<%@ 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="../../../../js/common/jquery-1.6.2.js"></script>
<script type="text/javascript">
function doSome(){
alert($("#sel option:selected").text());//方法一：獲取select標簽選中的option中的文本。
alert($("#sel").find("option:selected").text());//方法二：獲取select標簽選中的option中的文本。
alert($("#sel option:selected").val());//方法一：獲取select標簽選中的option中的value的值。
alert($("#sel").find("option:selected").val());//方法二：獲取select標簽選中的option中的value的值。
//------------------------------帥氣的分割線，，下面有重點--------------------------------
//當option是這樣的：<option>cc</option>。即沒有value屬性的時候。自然也就沒有value值。
//這時候jquery就很糾結：寫了段代碼讓我拿value的值，可是找到的option中根本沒有value屬性。
//算了，把option中 的文本拿出來給你吧。
//所以當選中<option>cc</option>這個option的時候，你會發現上邊四個alert出來的值是一樣的。都是option中的文本。
//想要拿到option中的value的值，首先option得有value屬性啊！！！
}
</script>
</head>
<body>
<div>
<select id="sel" onchange="doSome();">
<option value="aa">bb</option>
<option>cc</option>
</select>
</div>
</body>
</html>