在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吗?4大专业测评方法
代码逻辑 吸收能力 技术学习能力 综合素质
先测评确定适合在学习