JavaScript 编程
2015-08-17 22:51
731 查看
第七章 JavaScript 表单编程
获取表单的引用1、var oForm = document.getElementById("form1");
2、var oForm = document.form[0];
3、var oOtherForm = document.forms["formz"];
4、var oForm = document.myformName;
表单字段共性
blur()方法:导致表单字段失去焦点
focus()方法:导致表单字段获得焦点
表单提交
<input type = "subimt" value = "Submit" />
在得到表单引用后,可以直接调用submit方法:
oForm.submit();
表单重置
<input type = "reset" value = "重置"/>
文本框事件
change事件在用户改变文本框的值之后,当文本框失去焦点时发生;
value属性在改变文本框的值时,不触发change事件。
blur事件是在文本框失去焦点时触发;
change事件也是在文本框失去焦点时触发,但仅仅在文本框的值已经被改变时。
对列表框和组合框进行脚本编写
eg:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body>
请选择:
<select id="select1"> <option value="pingping">萍</option> <option value="huihui">慧</option> <option value="jingjing">静</option> </select> <input type="button" onclick="show" value="点击显示内容和值"/> </body> <script type="text/javascript"> var show = function() { var selectEle = document.getElementById("select1"); var val = selectEle.value; var position = selectEle.selectedIndex; var text = selectEle.options[position].text; alert("val:" + val + "position:" + position + "text:" + text); } </script> </html>
相关文章推荐
- Hello JSP!——指令元素之include篇
- js的sort()方法使用
- Javascript关闭详细说明
- javascript的简单逻辑题目
- javascript中对各种事件处理程序的个人总结
- JS将下拉框的disable变为able的方法
- [持续更新]JavaScript学习笔记(五)
- json解析 本地文件和网上文件(通过接口)
- js中如何获取时间
- js的2种继承方式详解
- 全国首部arcgis for javascript 二次开发视频教程
- 第5章 JSP语法及应用分析
- 畅通工程续(dijskra+SPFA)
- 最短路(dijskra+SPFA+Bellman)
- extjs_04_grid(弹出窗口&行编辑器 CRUD数据)
- WebRTC入门篇
- 20150814 JavaScript深入浅出下
- 20150813 JavaScript深入浅出(上)
- 第4章 JSP技术概述
- JS的常用正则表达式 验证密码