JS獲取文本框,下拉框,單選框的值的簡單實例

 本篇文章主要是對JS獲取文本框,下拉框,單選框值的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

1.文本框   1.1 <input type="text" name="test" id="test">   通過var t=document.getElementById("test").value把值賦給變量t,   1.2 當然也可以反過來把已知的變量值賦給文本框，例如：   var m = "5"; document.getElementById("test").value= m;   2.下拉列表框   2.1  <select name="sel" id="sel" onchange="look();"> <option value="1" >11</option> <option value="2" selected>22</option> <option value="3">33</option> </select>   通過var s=document.getElementById("sel").value獲取<select>框中選中的值，此處默認選中value="2"的選項，所以賦給變量s 的值是"2",而不是"22",   假如要把<select>中選擇的"值"如"3"對應的"文本值"("33")賦給test文本框，可以通過如下方法，   代碼如下: <script language="javascript">   function look(){         var se =document.getElementById("sel");                     var option=se.getElementsByTagName("option");                     var str = "" ;                     for(var i=0;i<option.length;++i)                     {                     if(options[i].selected)                     {                     document.getElementById("test").value = option[i].text;                     }                     }             }   </script>     2.2 將給定的值與<select>框中的值進行比較，如果<select>中的<option>的value值與給定的值相同，則選中它。  代碼如下: var m = "2",   for(var i = 0;i<document.getElementById("sel").length;i++)          {            with(document.getElementById("sel").options[i])                  {                   if(value == m)                  {                  selected = true;                  }                  }          }     3.單選框   一排單選框的name屬性值必須相同，這樣才可以實現單選。  代碼如下: <INPUT TYPE="radio" NAME="a" value="1">aaaaaaaaaa<br> <INPUT TYPE="radio" NAME="a" value="2">bbbbbbbbb<br> <INPUT TYPE="button" onclick="check();" value="test"> <script LANGUAGE="javascript"> <!-- function check() { var sel = 0; for (var i = 0; i < document.getElementsByName("a").length; i++) 　{    　　if(document.getElementsByName("a")[i].checked)    　　　{     　　　　sel = document.getElementsByName("a")[i].value;    　　} 　}   　　 if(sel == 1) 　　　 { 　　　　　 alert("aaaaaaaaaa"); 　　　　　 } 　　 else if(sel== 2) 　　　{    　　　　alert("bbbbbbbbb"); 　　　　} } //--> </script>     Js獲取下拉框選定項的值和文本   Firefox和IE下獲取下拉框選定項的值和文本：   1.IE和Firefox都支持的方法：   獲取文本  代碼如下: var obj=document.getElementById('select_template'); var text=obj.options[obj.selectedIndex].text;//獲取文本   var obj=document.getElementById("select_template");           for(i=0;i<obj.length;i++) {//下拉框的長度就是他的選項數              if(obj[i].selected==true) {               var text=obj[i].text;//獲取文本           } }     二者相比上一個方法比較簡潔   1.IE支持Firefox不支持：    代碼如下: var obj=document.getElementById(name);   for(i=0;i<obj.length;i++)  {         if(obj[i].selected==true) {            var text= obj[i].innerText;              }     }     獲取值方法IE和Firefox通用： var value=document.getElementById("select_template").value;//獲取值   總結：其實主要就是IE和Firefox都支持value和text屬性，Firefox不支持innerText屬性。   Js實現當前頁打開一個新鏈接： window.location.href=url;