JS-获取下拉列表中的value（change和blur）

最新推荐文章于 2021-01-14 12:52:30 发布

weixin_30505225

最新推荐文章于 2021-01-14 12:52:30 发布

阅读量197

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiuxiu123456/p/8461373.html

版权

 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 οnchange="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" οnblur="getName(this.value)">
29   
30  </body>
31 </html>

需求：当用户选择其中某一项的时候，获取选择项的value（前提：选中项发生改变，事件：change时间，时间句柄：onchange）

change事件在下拉列表选中项改变的时候发生。

以下的this是什么？this.value又是什么？

this代表当前的下拉列表对象

this.value代表当前下拉列表选中项的value

blur事件 onblur事件句柄：当失去焦点的时候触发

转载于:https://www.cnblogs.com/xiuxiu123456/p/8461373.html

weixin_30505225

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS-获取下拉列表中的value（change和blur）

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author" cont...
复制链接

扫一扫