通过下拉框的值来确定输入框是否可以为空的代码

215 阅读 0 评论 142 点赞

我是靠谱客的博主迷路镜子，最近开发中收集的这篇文章主要介绍通过下拉框的值来确定输入框是否可以为空的代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

有两个文件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> 