使用jquery來獲取option的value

更新時間：2022-08-01 10:46:54 來源：動力節(jié)點瀏覽3576次

在Java教程中大家會學到j(luò)query，那么，如何獲取select下拉框option選中的value值？jquery提供了一個val()方法獲取選中的value值()，下面通過選中下拉框option獲取對應(yīng)value的方法進行演示。

語法:$(this).val()

1.新建一個html代碼頁，然后在html頁面創(chuàng)建select下拉框。

2.引入jquery庫。創(chuàng)建<script>標簽，引入jquery庫。

3.新建一個<scrtip>標簽，然后在這個標簽里面通過改變下拉框change()方法獲取選中下拉框value的值。

代碼：

$("select").change(function(){
alert($(this).val())
})

4.保存html代碼后使用瀏覽器打開，選中下拉框內(nèi)容時會彈出對應(yīng)下拉框value的值。

所有代碼。可以直接復(fù)制所有代碼，粘貼到新建html頁面，修改對應(yīng)jquery庫的路徑保存后，使用瀏覽器打開選中選中下拉框內(nèi)容后即可看到效果。

所有代碼：

<!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>

以上就是關(guān)于“使用jquery來獲取option的value”介紹，大家如果想了解更多相關(guān)知識，可以關(guān)注一下動力節(jié)點的jQuery教程，里面有更豐富的知識等著大家去學習，希望對大家能夠有所幫助哦。

jQuery教程