JS获取文本框,下拉框,单选框的值的简单实例
1.文本框 1.1 <input type="text" name="test" id="test"> 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例如: var m = "5"; 2.下拉列表框 2.1 通过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");
} </script> 2.2 将给定的值与<select>框中的值进行比较,如果<select>中的<option>的value值与给定的值相同,则选中它。 复制代码 代码如下: var m = "2", for(var i = 0;i<document.getElementById("sel").length;i++) 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) 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++) { 获取值方法IE和Firefox通用: var value=document.getElementById("select_template").value;//获取值 总结:其实主要就是IE和Firefox都支持value和text属性,Firefox不支持innerText属性。 Js实现当前页打开一个新链接: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |