juery学习总结——例子

最新推荐文章于 2024-08-30 16:13:36 发布

acnur24620

最新推荐文章于 2024-08-30 16:13:36 发布

阅读量94

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ylink/p/5265106.html

版权

1、select元素在选择是找到选择的值和option中的值

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script type="text/javascript" src="jquery-1.11.2.js"></script>
 7     <script type="text/javascript">
 8         $(function(){
 9                     $("select").change(function () {
10                         $("span").eq(0).html($(this).val())
11                         $("span").eq(1).html($(this).find("option:selected").text())
12                      })
13             $("span").eq(0).html($("select").val())
14             $("span").eq(1).html($("select").find("option:selected").text())
15         })
16 
17     </script>
18 </head>
19 <body>
20 测试：<select>
21     <option value = "1">hello</option>
22     <option value = "2">world</option>
23     <option value = "3">change</option>
24     <option value = "4">le</option>
25 </select>
26 <div>选中的值：<span ></span>；value值：<span></span></div>
27 </body>
28 </html>

转载于:https://www.cnblogs.com/ylink/p/5265106.html

acnur24620

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
juery学习总结——例子

1、select元素在选择是找到选择的值和option中的值 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script ...
复制链接

扫一扫