js3——表格下拉
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>常见事件</title>
</head>
<body>
<form action="#" id="form" onclick="checkForm();">
<input type="text" id="username">
<select id="city">
<option>--请选择城市列表--</option>
<option>广州</option>
<option>上海</option>
<option>西安</option>
</select>
<input type="submit" value="提交">
</form>
<script>
/*
1、失去焦点事件 离焦事件
document.getElementById("username").onblur=function () {
alert("失去焦点了");
2、加载完成事件 onload } **/
/*window.onload=function () {
document.getElementById("username").onblur=function () {
alert("失去焦点了");
}
//3、绑定鼠标移动到元素之上事件
document.getElementById("username").onmouseover=function () {
alert("鼠标来了");
}
//4、绑定鼠标点击事件 定义方法时，定义一个形象，接受event对象
//定义方法时 定义以恶形参，接受event对象
//event对象的button属性可以获取鼠标按钮键被点击
//event对象的button
//
document.getElementById("username").onmousedown=function () {
alert("鼠标点击了"); }
//4-1
document.getElementById("username").onmousedown=function (event) {
alert(event.button);
}
document.getElementById("username").onchange=function (event) {
alert("改变了。。");
}
document.getElementById("city").onchange=function (event) {
alert("改变了。。");
}
//表单事件 1、onsubmit 确认按钮被点击 *可以阻止表单的提交 2、onreset 重置按钮被点击
}
document.getElementById("form").onsubmit=function () {
//校验用户名格式是否正确
var flag=false;
return flag;
}/*/
function checkForm() {
return false;
}
</script>
</body>
</html>
js3——表格下拉的更多相关文章
- knockoutjs foreach array绑定 表格 下拉框绑定
转载http://desert3.iteye.com/blog/1480471 knockoutjs foreach array绑定 表格 下拉框绑定 博客分类: Javascript 动态表格使 ...
- easyui源码翻译1.32--ComboGrid（数据表格下拉框）
前言 扩展自$.fn.combo.defaults和$.fn.datagrid.defaults.使用$.fn.combogrid.defaults重写默认值对象.下载该插件翻译源码 数据表格下拉框结 ...
- ComboGrid( 数据表格下拉框)
一． 加载方式//class 加载方式<select id="box" class="easyui-combogrid" name="dept& ...
- 第二百二十四节，jQuery EasyUI，ComboGrid(数据表格下拉框)组件
jQuery EasyUI,ComboGrid(数据表格下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 ComboGrid(数据表格下拉框)组件的 ...
- jQuery EasyUI/TopJUI创建树形表格下拉框
jQuery EasyUI/TopJUI创建树形表格下拉框 第一种方法(纯HTML创建) <div class="topjui-row"> <div class= ...
- Java使用poi生成Excel，生成两种表格下拉框
想要使用POI操作以xsl结尾的Excel,首先要下载poi相关的jar包,用到的jar有: poi-3.9.jar poi-ooxml-3.9.jar poi-ooxml-schemas-3.9.j ...
- [Swift通天遁地]二、表格表单-(5)实现表格下拉和上拉刷新效果
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
- vue 表格中的下拉框单选、多选处理
最近在用vue做前后端分离,需要在表格中用到下拉框,由于需求变动,从最开始的单选变为多选,折腾了许久,记录一下,供后人铺路 vue 中的表格下拉框单选 collectionsColnumOptions ...
- vue 模拟下拉树
// 使用vue 做表格部分其他部分暂不修改 var app = new Vue({ el: "#freightTbl", watch: { //监听表格数据的变化[使用 watc ...
随机推荐
- 字符串模拟大数相加——Java实现
本题是CVTE二面编程题,首先考虑返回值肯定是一个字符串(int会有溢出可能),并且两个字符串只含数字,不含”+“.”-“这种. 代码如下: public static String add(Stri ...
- python——时间模块
格式化时间字符串 %y 两位数的年份表示(00-99) %Y 四位数的年份表示(0000-9999) %m 月份(01-12) %d 月内的一天(0-31) %H 24小时制的小时数(0-23) %I ...
- pip的简单用法
pip的用法: 其实跟linux的yum很像,它可以帮我们安装python所需要的环境包,并且可以包解决依赖关系 eg: 列出已安装的包 pip list 安装要安装的包 pip install xx ...
- Spring 框架常用语法进行总结
Spring 框架常用语法进行总结: spring框架的二大主要的功能就是IOC和AOP. IOC: 控制反转(依赖注入) AOP: 面向切面编程 学习spring最好的方法就是去看官网,里面有详细的 ...
- tomcat 部署springboot 项目
Springboot项目默认jar包,且内置Tomcat.现需要将项目打成war包,并部署到服务器tomcat中. 1.修改pom.xml文件.将jar修改为war. <packaging> ...
- [LC]141题 Linked List Cycle （环形链表）（链表）
①中文题目 给定一个链表,判断链表中是否有环. 为了表示给定链表中的环,我们使用整数 pos 来表示链表尾连接到链表中的位置(索引从 0 开始). 如果 pos 是 -1,则在该链表中没有环. 示例 ...
- Asciinema文章勘误及Web端使用介绍
欠下的债迟早是要还的,查文档,重验证,出结果,不误导 文章勘误 在上一篇文章Asciinema:你的所有操作都将被录制中有两个地方表述有错误或瑕疵,这里更正一下 第一个地方为录制时的参数--stdin ...
- 05-商品类别数据和VUE展示
一.商品类别数据和VUE展示 1.商品类别数据接口 将商品类别数据展示出来,视图(views.py)代码如下: class CategoryViewset(mixins.ListModelMixin, ...
- SqlServer2005 查询 第八讲 order by
今天我们来说模糊查询 模糊查询 -- --模糊查询[主要用在搜索中]格式:select 字段的集合 from 表名 where 某个字段名 like 匹配条件 --注意:匹配条件通常含有通配符,通配符 ...
- setState何时同步，何时异步，为什么？
setState何时同步,何时异步,为什么 答案:在React库控制时,异步:否则同步. 示例代码如下: constructor(props){ super(porps); this.state = ...