第七章 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" οnclick="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>