1.获取表单(前两种常用)
a.document.getElementById(“id属性值”);通过form标签的Id属性值来获取表单对象
b.document.表单的name属性值;通过表单的name属性值来获取表单对象
c.document.forms[下标];通过指定下标获取表单元素
d.document.forms[表单的name属性值];通过表单的name属性值来获取表单对象
(document.forms为获取表单中的所有对象)
2.获取表单元素:
A.获取input元素:
a.document.getElementById(“id属性值”);通过form标签的Id属性值来获取表单对象
b.表单对象,表单元素的name属性值;通过表单对象中对应元素的name属性值来获取
c.document.getElementByName(“name属性值”);通过表单元素的name属性值来获取
d.document.getElementByTagName(“标签名/元素名”);通过标签名获取表单元素对象
3.获取下拉选项:
a.通过name属性值获取:document.getElementByName("name属性值");
b.判断单选按钮是否选中:在JS代码中checked=true表示选中,checked=false表示不选中;在HTML标签中checked=checked表示选中,不设置checked属性表示不选中。
c.获取单选按钮的值:元素.value;
4.获取下拉选项:
a.获取下拉框对象:var 对象 = document.getElementById("id属性值");
b.获取下拉框的下拉选项列表:var options = 下拉框对象.options;
c.获取下拉框被选中项的索引:var index = 下拉框对象.selectedIndex;
d.获取下拉框被选中项的值:var 值 = 下拉框对象.value;
e.获取下拉框被选中项的文本:var 文本值 = 下拉框对象.options[index].text;
5.提交表单
a.使用普通按钮:
b.给按钮绑定click点击事件,绑定函数。
c.在函数中,进行表单校验。
d.如果校验通过,则手动提交表单。
6.使用提交按钮:
a.给按钮绑定click点击事件,绑定函数。
b.函数需要有返回值,返回true或false。
c.在函数中,进行表单校验。
d.如果校验通过,返回true;如果校验不通过,则返回false。
6.Jquery Ajax
A.ajax
a.原生Ajax的实现流程:
1>.得到XMLHttpRequest对象:var xhr = new XMLHttpRequest();
2>.打开请求:xhr.open(method,uri,async);
3>.发送请求:xhr.send(params);
4>.接受响应
b.get
c.post
d.getJSON