一、JS表单
1.1.获取表单
1.2.获取表单元素
1.2.1.获取input元素
1.2.2.获取单选按钮
1.2.3.获取多选按钮
1.2.4.获取下拉选项
获取下拉选项
1.获取下拉框对象
var 对象=document.getElementById(""id属性值");
2.获取下拉框的下拉选项列表
var options =下拉框对象.options;
3.获取下拉框被选中项的索引
var index =下拉框对象.selectedIndex;
4.获取下拉框被选中项的值
var值=下拉框对象.value;
5.通过选中项的下标获取下拉框被选中项的值
var值=下拉框对象.options[index ] .value;
6.获取下拉框被选中项的文本
var文本值=下拉框对象.options[index].text;
1.获取下拉框选中项的值时:(value)
如果option标签设置了value属性值,则获取value属性对应的值;
如果option标签未设置value属性值,则获取的是option双标签中的文本值
2.下拉框的选中状态:
选中状态: selected=selected、selected、selected = true
未选中状态:不设置selected属性、 selected=false
Ajax
异步无刷新技术
原生Ajax的实现流程
1.得到XMLHttpRequest对象
var xhr = new XMLHttpRequest();
2.打开请求
xhr. open(method , uri, async);
method:请求方式,通常是GET |POST
uri:请求地址
async:是否异步。如果是true表示异步,false表示同步
3.发送请求
xhr. send(params);
params:请求时需要传递的参数
如果是GET请求,设置null。(GEt请求的参数设置在url后面)
如果是POST请求,无参数设置为null,有参数则设置参数
4。接收响应
xhr.status响应状态(200=响应成功,404=资源未找到,500=服务器异常)
xhr.responseText·得到响应结果