表单控件之select

一、表单控件之表单

1、依次获取表单里的所有控件：

for (i = 0; i < document.getElementById("formName").length; i++) { 
var ob = document.getElementById(formName).elements[i];

if(ob.value==‘‘)  //......

}

获取某个控件：

document.getElementById("formName").elements[‘elementNameOrInputId‘];

二、表单控件之select

1、可以通过设置下拉框的高度和字体来控制下拉框的大小和选项的字体大小，select{height:30px;font-size:20px;}有效，设置option{height:30px;font-size:20px;}则无效（即option的高度总是select字体的大小，而select的高度则可以与字体大小无关），但background和color则对二者都有效，

(截图来自chrome，在IE8中第二个select中字体是底部对齐的，即使设置：select{vertical-align:middle;}也无效)我觉得原因是对select和option分别设置背景颜色和字体颜色不会互相干扰，而对二者设置高度和字体大小无法达到统一。

2、不仅可以设置下拉框不可用，还可以设置某个选项不可用/选：$(‘#option1‘).attr(‘disabled‘,true);当然也可以用js：
document.getElementById(‘option1‘).disabled=true;

3、为下拉框添加新选项：添加到末尾：$("#select1").append("<option value=‘11‘>11</option>");

表单控件之select

原文：http://www.cnblogs.com/yigeqi/p/3549429.html