您的位置：首页 > 编程语言 > Java开发

JavaScrip单选，下拉框，文本框取值赋值--【DRP】

2015-11-06 19:27 411 查看

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function identityUserName(){
var t=document.getElementById("test").value;
if(t=='hello'){
alert("HelloWorld！");
}else{
alert("you are wrong!")	;
}

}
/*1.从页面获取text用户名和密码，传到后台
2.通过用户名查询，密码是否正确
3.如果正确，跳转到重定向页面
4.如果不正确，清空文本框

*/

function giveValue(){
var t="你真的是一个有天赋学计算机的好孩子！"
document.getElementById("test").value=t;
}

//取得下拉框中的值
function getSelectorValue(){
var se=document.getElementById("sel");
//方法可返回带有指定标签名的对象的集合
var option=se.getElementsByTagName("option");
var str="";
for(var i=0;i<option.length;++i){
if(option[i].selected)
{
//取到选中的下拉框的值
document.getElementById("test").value=option[i].text;

//打印对应选项的document的取值
var subject=document.getElementById("test").value=option[i].value;
alert(subject);
}
}

}

//获取单选框的值
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==0)
{
alert("男")	;
}else if(sel==1)
{
alert("女");
}

}

</script>
</head>

<body>
<!--文本框的取值和赋值-->
用户名：<input type="text" name="test" id="test" />
<input type="button" name="identity"  value="确认" onclick="identityUserName()"/>
<input type="button" name="identity"  value="赋值" onclick="giveValue()"/>

<p>

<!--下拉框取值-->
<select name="sel" id="sel" onchange="getSelectorValue();">

<option value="Math" >数学</option>

<option value="Chinese" selected>语文</option>

<option value="English">英语</option>

</select>

<p>
<!--单选框取值-->
<input type="radio" name="a" value="0" />男<br>
<input type="radio" name="a" value="1"/>女<br>
<input type="button" name="button1" value="单选" onclick="check()" />

</body>
</html>

页面效果如下：

参考博客：使用javascript获取文本框,下拉框,单选框的值并且赋值

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航