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


Posted in Javascript onOctober 18, 2011

有两个文件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>
Javascript 相关文章推荐
JQuery 选择器 xpath 语法应用
May 13 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
使用js 设置url参数
Jul 08 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
前端jquery部分很精彩
May 03 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
浅谈Vue中render中的h箭头函数
Nov 07 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 Javascript
vue实现省市区联动 element-china-area-data插件
Apr 22 Vue.js
Notify - 基于jquery的消息通知插件
Oct 18 #Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 #Javascript
用dtree实现树形菜单 dtree使用说明
Oct 17 #Javascript
Js sort排序使用方法
Oct 17 #Javascript
jquery中ajax学习笔记4
Oct 16 #Javascript
jquery中ajax学习笔记3
Oct 16 #Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
Oct 16 #Javascript
You might like
eAccelerator的安装与使用详解
2013/06/13 PHP
php实现有趣的人品测试程序实例
2015/06/08 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
JavaScript prototype属性深入介绍
2012/11/27 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
2014/09/15 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
Vue插件之滑动验证码
2019/09/21 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
vue等两个接口都返回结果再执行下一步的实例
2020/09/08 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
python连接mysql调用存储过程示例
2014/03/05 Python
Windows安装Python、pip、easy_install的方法
2017/03/05 Python
python机器学习之神经网络(二)
2017/12/20 Python
python实现学生管理系统
2018/01/11 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
Python双链表原理与实现方法详解
2020/02/22 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
.NET程序员的数据库面试题
2012/10/10 面试题
田径运动会开幕式及主持词
2014/03/28 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
干部培训简讯
2015/07/20 职场文书