JS第五天总结

多文件上传：

1.先设置一个文件类型：<input type="file" />，添加文件按钮

2.获取新添加的文件的input 的标签的容器

   var con=$("#container");

3.创建file文件域

   var fileInp=document.createElement("input");

4.设置input的类型为file

   fileInp.type="file";

5.创建我们的删除按钮

   var butInp=document.createElement("input");

6.设置类型和 按钮的名字

   butInp.type="button";

   butInp.value="删除";

7.从前面正向添加

  con.insertBefore(br,con.firstChild);

  con.insertBefore(butInp,con.firstChild);

  con.insertBefore(fileInp,con.firstChild);

  butInp.onclick=function(){

        con.removeChild(br);

        con.removeChild(butInp);

        con.removeChild(fileInp);

   }

disabled:灰掉

disabled 写在标签里，可以直接写disabled   也可以写 disabled="disabled"

在js中 操作disabled  设置true  或  false

form提交时    不作为表单域 传输值

适用于  所有标签对象

readonly  只读

readonly  写在标签里   readonly   也可以写 readonly="readonly"

在js中 readonly  设置true  或  false

form提交时  作为表单域 传输值

适用于  textArea  password    text  这种 文本

form

form对象的3种获取方式

第一种：

var forms=document.forms;

var form1=document.forms[0];

for(var i =0 ;i<forms.length;i++){

    alert(forms[i].name);

 }

第二种：

var form1=document.forms["form1"];

第三种：

var form1=document.form1;

提交和重置按钮的使用：

onsubmit、onreset

用defaultValue 模拟重置键  reset

测试复选按钮 checkbox name属性设置一样来控制

测试单选按钮 type="radio" name属性设置一样来控制

获取表单域  的方式

formObj.name  第一种获取表单域对象的方法

formObj.elements[index] 第二种获取表单域对象的方         

formObj.elements[name]  第三种获取表单域对象的方法

测试select 获取值

第一种获取值的方式  用通用方式 .value

第二种获取值的方式   通过selectedIndex

第三种获取值的方式   通过selectedIndex  用了selectObj.options  它返回数组

测试二级联动功能:用select选择下拉列表框，value属性必须相同