通过下拉框的值来确定输入框是否可以为空的代码
时间：2020-11-03 13:25:54|栏目：JavaScript代码|点击： 次
有两个文件a.html和b.html，a.html 即下面的代码，b.html只是为了验证通过时候一个跳转页面，不做任何代码编写
因为a.html用的是相对路径，所以要想程序能正常运行，b.html文件必须和a.html放在同一个目录下。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
function verify(){
var isNeed=document.getElementById("isNeed").value;
if(isNeed==1){
var reason=document.getElementById("reason").value;
if(reason==""||reason==null){
alert("预占资源原因不能为空");
}else{
window.location.href("a.html");
}
}else{
window.location.href("b.html");
}
}
</script>
<body>
是否需要预占资源
<select id="isNeed">
<option value="1">是</option><!--通过getElementById()的方法来取到下拉框的值，所以 必须有个id，name可以不要-->
<option value="0" selected>否</option>
</select>
<input type="text" id="reason"/>
<input type="button" value="提交" onclick="verify()"/>
</body>
</html>
因为a.html用的是相对路径，所以要想程序能正常运行，b.html文件必须和a.html放在同一个目录下。
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
function verify(){
var isNeed=document.getElementById("isNeed").value;
if(isNeed==1){
var reason=document.getElementById("reason").value;
if(reason==""||reason==null){
alert("预占资源原因不能为空");
}else{
window.location.href("a.html");
}
}else{
window.location.href("b.html");
}
}
</script>
<body>
是否需要预占资源
<select id="isNeed">
<option value="1">是</option><!--通过getElementById()的方法来取到下拉框的值，所以 必须有个id，name可以不要-->
<option value="0" selected>否</option>
</select>
<input type="text" id="reason"/>
<input type="button" value="提交" onclick="verify()"/>
</body>
</html>
上一篇：详解Js中的模块化是如何实现的
栏 目：JavaScript代码
下一篇：JavaScript中的toLocaleDateString()方法使用简介
本文地址：http://www.codeinn.net/misctech/18680.html
