单行文本框与多行文本框

单行文本框即type属性设为text的input标签，多行文本框即textarea，它们除了与其它input标签一样具有的value属性处，还具有defaultValue属性表示文本框中的默认文本，即在HTML里所指定的value值的

文本框还有一个方法：select,可以使文本框中的文字呈选中状态。

Select对象

表单元素中最复杂的就算是select对象了。select是一复合对象，它包含option标签，也有可能包含optgroup标签。虽然select可以多选，但我们这里只讨论单选的，多选的类似！

 //首先，获取select对象也是通过name（当然ID仍然有效，但name更快捷） var select = document.formName.mySel; //要获取用户选中了第几项，可以使用它的selectedIndex alert(select.selectedIndex);//这个索引号是从0开始的 //select对象有个options伪数组类型的属性，包含了所有的option，可以使用下标来访问 alert(select.options[select.selectedIndex].value);//输出选中项的 alert(select.options[select.selectedIndex].text);//text属性是option包含的文本 //本来需要知道select里面有多少个option，可以通过options.length //但HTML DOM为select对象也提供了length属性 alert(select.length);//输出和options.length一样

获取选中项的值

 var mySel = document.formName.mySel; alert(mySel.options[mySel.selectedIndex].value); //更快捷的方法 alert(mySel.value);

而向select对象中添加option，本可以使用document.createElement_x及appendChild等方法的，但HTML DOM为我们提供了更方便的方法了

 var opt = new Option("新增选项文本","选项值");//document.createElement_x("option"); var select = document.formName.mySel; select.add(opt,select.options[0]);//将opt添加到第一个option的后面 select.add(opt);//在IE下，没有第二个参数时，会将opt添加到最后 //上面的代码在FF下会出错，必须使用下面的方法 select.add(opt,null);//但这在IE会出错 //下面的方法可以两全了,但长了一点 select.add(opt,select.options[select.length-1]); //删除option的方法remove select.remove(1);//remove接收参数为要移除

options数组最特殊的一个地方在于它和真正的数组十分相似，可以设置它的length来减少元素，也可以直接将元素赋给某项来修改

 var opts = document.formName.mySel.options; opts[0]=new Option("Text","Value"); opts.length=2;//将移去第三个之后的option opts[3]=new Options("ABC",123);//自动添加一个元素

Option对象也有defaultSelected属性返回在HTML里指定是否是默认选中项