表格表单操作
Posted 冯小漂儿
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表格表单操作相关的知识，希望对你有一定的参考价值。
（一）表格操作
方法：
tHead ==>表格头
tBodies ==>表格正文（可以有多个）(在js中如果不写，自动会添加，易出错)
tFoot ==>表格尾
rows ==>行
cells ==>列
eg：oTab.tBodies[0].rows[1].cells[1].innhtml(获取表格的第一个正文的第二行第二列的内容)=oTab.children[0].children[1].children[1].innHTML
（二）表单操作
<form id=‘form1‘>
<input type=‘text‘ name=‘text1‘ value=‘内容‘/>
</form>
var oForm=document.getElementById(‘form1‘)
1.获取表单里元素对象
表单元素.name的属性值 ==>获取表单中对应的name的元素（无兼容性问题）
eg:oForm.text1 ==>得到input文本框
2.表单事件（如果事件函数体中返回了false则事件失效，提交表单时必须有action属性才能成功）
（1）onchange:当值发生改变的时候触发（有兼容性问题）
eg:oForm.text1.onchange=function(){alert()}
兼容性问题：
text:当光标离开的时候如果内容有变化就触发
checkbox/radio:标准浏览器下点击的时候只要值改变就触发；非标准浏览器为光标离开时候值变了就触发
select:只要值改变就触发
注：<select name=‘city‘ value=‘‘>
<option value=‘北京‘>北京</option>
</select>
select的value值为option中选中的value的值（selected属性，单选，复选框选中时checked）
（2）onsubmit ==>事件，当提交表单的时候触发
（3）onreset ==>事件，当表单重置的时候触发
3.表单方法
submit（） ==>方法，提交表单
以上是关于表格表单操作的主要内容，如果未能解决你的问题，请参考以下文章