获取text、select、radio、checkbox的值

获得文本框的值：

< input  type  = "text"  name  = "inputValue"  id  = "text1"  style  ="width:200px;" />

可以通过 document.getElementsByName("inputValue")[0].value = "this is a text for textValue!" 对文本框进行复制
或者     document.getElementById("text1").value = "this is a text for textValue!" 

获得下拉列表的值： 

 

< select  name  = "selectValue"  id  = "select1"  onchange  = "DisValue()" >
     < option  value  = "1" > test1 </ option >
     < option  value  = "2" > text2 </ option >
     < option  value  = "3" > text3 </ option >
</ select >
< div  id  = "test" ></ div >
可以通过：selectValue.options[selectValue.selectedIndex].text来获取当前选中列表的值
注意：document.getElementById("select1").value 获取的值是当前选中列表的value的值。
如当前选中的是test1,那么document.getElementById("select1").value 的值就是"1"
还可以 通过另外一种方法获取选中列表的值：
function disValue()
{
  var sel =document.getElementById("select1");
  for(var i=0;i < sel .length;i++)   
  {   
    if(sel.options[i].selected)   
    {   
      document.getElementById("test").innerHTML = sel.options[i].text;   
     }   
}

另外，可以通过sel.getElementsByTagName("option").length;来获取下拉列表的个数。

 

 

转载于:https://www.cnblogs.com/ada313/archive/2009/06/24/1510013.html