使用jquery来获取option的value

更新时间：2022-08-01 10:46:54 来源：极悦浏览3195次

在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教程，里面有更丰富的知识等着大家去学习，希望对大家能够有所帮助哦。

jQuery教程