用jquery獲取select標籤中選中的option值及文本

時間 2019-11-11

標籤 jquery 獲取 select 標籤選中 option 文本欄目 JQuery 简体版

原文原文鏈接

<%@ 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中的文本。 javascript

alert($("#sel option:selected").val());//方法一：獲取select標籤選中的option中的value的值。
alert($("#sel").find("option:selected").val());//方法二：獲取select標籤選中的option中的value的值。
//------------------------------帥氣的分割線，，下面有重點-------------------------------- html

//當option是這樣的：<option>cc</option>。即沒有value屬性的時候。天然也就沒有value值。
//這時候jquery就很糾結：寫了段代碼讓我拿value的值，但是找到的option中根本沒有value屬性。
//算了，把option中的文本拿出來給你吧。
//因此當選中<option>cc</option>這個option的時候，你會發現上邊四個alert出來的值是同樣的。都是option中的文本。
//想要拿到option中的value的值，首先option得有value屬性啊！！！
}
</script>
</head> java

<body>
<div>
<select id="sel" onchange="doSome();">
<option value="aa">bb</option>
<option>cc</option>
</select>
</div>
</body>
</html>

原文連接：https://blog.csdn.net/u013698807/article/details/79174111jquery

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。