select标签的onchange事件
来源:互联网 发布:淘宝代购手机 编辑:程序博客网 时间:2024/05/17 22:45
以前按我也不太清楚 <select></select>
标签的改变是怎么样的,现在明白了是onchange事件,上代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css"></head><body> <select data-am-selected id = "s1"> <option value="a">Apple</option> <option value="b" selected>Banana</option> <option value="o">Orange</option> <option value="m">Mango</option> <option value="d" disabled>禁用鸟</option> </select> <script type="text/javascript" src = "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript" src = "http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script> <script type="text/javascript"> document.getElementById("s1").onchange =function(){ console.log(this.options[this.selectedIndex].innerHTML); } </script></body></html>
这次我用的AnazeUI这个框架,这个框架特别好,结果如下
选中之后会有一个选中的选项,下标是selectedIndex
阅读全文
0 0
- select标签的onchange事件
- select标签onchange事件
- select 标签 onchange事件
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件
- JQuery 绑定select标签的onchange事件
- Select的OnChange()事件
- Select的OnChange()事件
- Select的OnChange()事件
- Select的OnChange()事件
- Select的OnChange()事件
- select的onchange事件
- 为select标签绑定onchange事件
- select控件的OnChange事件
- select的onChange事件问题解决
- select onchange 事件的触发
- select的onchange事件问题
- 贪心算法之埃及分数问题(附c++源代码)
- 统计一个数字在排序数组中出现的次数
- 拼多多笔试:值复制函数
- Python教程:进击机器学习(一)--概述
- 位域的定义和使用
- select标签的onchange事件
- 开关按钮样式(类似app端)
- 2017安卓框架排行
- JSP中用JavaScript简单客户端验证
- yellow-Coldplay
- 教你如何用通道来快速抠图的方法
- 我对CSS vertical-align的一些理解与认识(二)
- Head First 设计模式 —— 单例模式(Singleton)
- [Scala]Scala学习笔记六 文件