專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2022-08-01 10:46:54 來源：動力節點 瀏覽3693次
在Java教程中大家會學到jquery，那么，如何獲取select下拉框option選中的value值？jquery提供了一個val()方法獲取選中的value值()，下面通過選中下拉框option獲取對應value的方法進行演示。
語法:$(this).val()
1.新建一個html代碼頁，然后在html頁面創建select下拉框。
2.引入jquery庫。創建<script>標簽，引入jquery庫。
3.新建一個<scrtip>標簽，然后在這個標簽里面通過改變下拉框change()方法獲取選中下拉框value的值。
代碼：
$("select").change(function(){
alert($(this).val())
})
4.保存html代碼后使用瀏覽器打開，選中下拉框內容時會彈出對應下拉框value的值。
所有代碼。可以直接復制所有代碼，粘貼到新建html頁面，修改對應jquery庫的路徑保存后，使用瀏覽器打開選中選中下拉框內容后即可看到效果。
所有代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
<script type="text/javascript">
$(function(){
$("select").change(function(){
alert($(this).val())
})
})
</script>
</head>
<body>
<select name="">
<option value="1">000000001</option>
<option value="2">000000002</option>
<option value="3">000000003</option>
<option value="4">000000004</option>
<option value="5">000000005</option>
<option value="6">000000006</option>
</select>
</body>
</html>
以上就是關于“使用jquery來獲取option的value”介紹，大家如果想了解更多相關知識，可以關注一下動力節點的jQuery教程，里面有更豐富的知識等著大家去學習，希望對大家能夠有所幫助哦。
Java實驗班
0基礎 0學費 15天面授
Java就業班
有基礎 直達就業
Java夜校直播班
業余時間 高薪轉行
Java在職加薪班
工作1~3年，加薪神器
Java架構師班
工作3~5年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號