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

Posted 不上进的小猫

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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" 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）的主要内容，如果未能解决你的问题，请参考以下文章

JS jQuery on change获取选择选项标签的innerHTML

无法从离子中的下拉列表中获取所选值

js解决下拉列表框互斥选项的问题

js动态获取下拉框的数据（搜索条件之间互相影响）

下拉列表select的change事件

如何将引导模式内的下拉列表的选定值获取到php中的文本框中