分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:43责任编辑:傅花花关键词:暂无标签
 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)

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved