码迷,mamicode.com
首页 > Web开发 > 详细

JS-获取下拉列表中的value(change和blur)

时间:2018-02-24 13:04:56      阅读:1212      评论:0      收藏:0      [点我收藏+]

标签:alt   选择   onblur事件   color   rds   ext   div   列表   pre   

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus?">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>获取下拉菜单中的value</title>
10  </head>
11  <body>
12     <script type="text/javascript">
13         function getValue(jhgfds){
14             alert(jhgfds);
15         }
16         function getName(gfdsa){
17             alert(gfdsa);
18         }
19     </script>
20 
21     <select onchange="getValue(this.value)">
22         <option value="">--请选择市--</option>
23         <option value="001" >石家庄市</option>
24         <option value="002" >石家庄市</option>
25         <option value="003" >保定市</option>
26     </select>
27 
28     <input type="text" onblur="getName(this.value)">
29   
30  </body>
31 </html>

 

技术分享图片需求:当用户选择其中某一项的时候,获取选择项的value(前提:选中项发生改变,事件:change时间,时间句柄:onchange)
       change事件在下拉列表选中项改变的时候发生。
       以下的this是什么?this.value又是什么?
           this代表当前的下拉列表对象
           this.value代表当前下拉列表选中项的value
      blur事件   onblur事件句柄:当失去焦点的时候触发
   

JS-获取下拉列表中的value(change和blur)

标签:alt   选择   onblur事件   color   rds   ext   div   列表   pre   

原文地址:https://www.cnblogs.com/xiuxiu123456/p/8461373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!