获取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;来获取下拉列表的个数。

 

 

posted @ 2009-06-24 10:46  直来直往  阅读(360)  评论(0编辑  收藏  举报