JavaScript_表单元素.doc

表单对象Form 属性action 表单动作 表示表单提交到哪里elements 以索引表示的所有表单元素method 表单提交的方法 Get Postnametarget 表示打开表单的url _self _parent _blank _top表单提交的一般方式：1.2.3 validate()函数function validate(obj)obj.submit()访问或使用表单document.forms索引.属性document.forms索引.方法（参数）document.表单名称.属性document.表单名称.方法（参数）表单元素访问或使用表单中的元素document.forms索引.elements索引.属性document.forms索引.elements索引.方法（参数）document.forms索引.属性document.forms表单名称.属性document.表单名称.元素名称.属性document.表单名称.元素名称.方法（参数）通用属性disabled是否禁用readonly元素名称.form所引用表单对象namevalue通用方法focus();blur(); 元素文本域 密码框 方法focus( ) select( )选中文本内容，突出显示输入区域属性readonly选中文本框：按钮 三种形式： 复选框checkbox 编程 吃饭 睡觉 单选按钮radio男 女 checkbox radio 属性: checked 是否被选中name 相同为一组 value区分但不显示获取checkbox 和radio选中的值: 这两个元素都返回的是数组对象 var sex=document.userForm.sex;for(var i=0;isex.length;i+)if(sexi.checked)alert(你是+sexi.value+生);var likes=document.userForm.myLike;var str=;for(var i=0;ilikes.length;i+)str+=likesi.value+nalert(你的爱好：+str);列表框 select/*lengthselect元素中option元素的个数value多选列表需要遍历得到valueselectedIndex 当前选中选项的索引号multiple可以多选options集合数组select对象.optionsi.selected=trueselect对象.optionsselect对象.selectedIndex.valueselect对象.optionsselect对象.selectedIndex.text*/ 2000 20012002 年function mySelect()var yourYear=document.userForm.yourYear;var index=yourYear.selectedIndex;alert(yourYear.optionsindex.text);动态生成option /动态添加选项 function addOption() var slt = document.formstheForm.elementstheSelect; slt.length = 1; for (var i = 2000; i 2005; i+) var op = new Option(i, i); /创建option对象 slt.options.add(op); /添加到select中 - 清空selelct对象下的项1 var len=select对象.length; for(var i=0;ilen;i+)select对象e.optionsi=null2 select对象.length=0;3 select对象.options.length=0二级联动菜单: var citys = 长沙, 株洲, 湘潭, 常德,郴州, 武汉, 宜昌, 荆州, 沙市; function getCity() var sltProvince = document.formstheForm.elementsprovince; /获取省份select var sltCity=document.formstheForm.elementscity; /selectedIndex 下拉框选中的索引 var provinceCity=cityssltProvince.selectedIndex-1;/获取对应省份的城市数组 sltCity.options.length=0; /清空城市select for(var i=0;iprovinceCity.length;i+)sltCity