zoukankan      html  css  js  c++  java
  • 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事件句柄:当失去焦点的时候触发
       
  • 相关阅读:
    从源码分析 XtraBackup 的备份原理
    移动端 SDK 开发经验总结及梳理
    spring boot jar包开机自启
    在Simulink中添加VeriStand支持
    java 启动脚本
    Docker容器日志管理最佳实践
    docker 日志限制或者删除
    网盘搜索
    tuple c++
    google原版:Debugging WebAssembly with modern tools
  • 原文地址:https://www.cnblogs.com/xiuxiu123456/p/8461373.html
Copyright © 2011-2022 走看看