手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery 获取option value

时间:2024-10-13 12:33:23

1、新建一个html代码页,然后在html页面创建select下拉框。

jquery 获取option value

2、引入jquery库。创建<script>标签,引入jquery库。

jquery 获取option value

3、新建一个<scrtip>挢旗扦渌;标签,然后在这个标签里面通过改变下拉框change()方法获取选中下拉框value的苒锃巳伢值。代码:$("select").change(function(){ alert($(this).val()) })

jquery 获取option value

4、保存html代码后使用浏览器打开,选中下拉框内容时会弹出对应下拉框value的值。

jquery 获取option value

5、所有代码。可以直接复制所有代码,粘贴到新建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>

© 手抄报圈