本篇文章主要是對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;