根据选择不同的下拉值出现相对应的文本输入框


Posted in Javascript onAugust 01, 2013
<!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> 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<%@taglib prefix="s" uri="/struts-tags"%> 
<title>无标题文档</title> 
<script language="javascript"> 
function $(obj){return document.getElementById(obj);} 
function show(objid) {$(objid).style.display='inline';} 
function hidden(objid) {$(objid).style.display='none';} 
function doit(){ 
var sel_val=$('sel').value; 
if (sel_val=='') {hidden('a1');hidden('a2');} 
if (sel_val==0) {hidden('a1');hidden('a2');} 
if (sel_val==1) {show('a1');hidden('a2');} 
if (sel_val==2) {show('a2');hidden('a1');} 
} 
</script> 
</head> <body> 
<select name="sel" id="sel" onchange="javascript:doit();"> 
<option selected="selected">请选择</option> 
<option value="0">不要输入框</option> 
<option value="1">输入框1</option> 
<option value="2">输入框2</option> 
</select> 
<input value="输入框1" type="text" name="a1" id="a1" style="display:none;" /> 
<input value="输入框2" type="text" name="a2" id="a2" style="display:none;" /> 
<br /> 
<br /> 
</body> 
</html>
Javascript 相关文章推荐
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
juqery 学习之三 选择器 简单 内容
Nov 25 Javascript
JS获取后台Cookies值的小例子
Mar 04 Javascript
JavaScript中双叹号(!!)作用示例介绍
Apr 10 Javascript
jquery插件bxslider用法实例分析
Apr 16 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
JS实现给对象动态添加属性的方法
Jan 05 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
js实现可爱的气泡特效
Sep 05 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
jquery图片放大功能简单实现
Aug 01 #Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 #Javascript
Jquery动态更改一张位图的src与Attr的使用
Jul 31 #Javascript
jquery中选择块并改变属性值的方法
Jul 31 #Javascript
JQuery写动态树示例代码
Jul 31 #Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 #Javascript
JS的千分位算法实现思路
Jul 31 #Javascript
You might like
PHP5中使用DOM控制XML实现代码
2010/05/07 PHP
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
JavaScript Cookie显示用户上次访问的时间和次数
2009/12/08 Javascript
javascript 仿QQ滑动菜单效果代码
2010/09/03 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
微信小程序拖拽排序列表的示例代码
2020/07/08 Javascript
Python程序语言快速上手教程
2012/07/18 Python
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python中集合类型(set)学习小结
2015/01/28 Python
Python中用Spark模块的使用教程
2015/04/13 Python
python抓取百度首页的方法
2015/05/19 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
python Qt5实现窗体跟踪鼠标移动
2019/12/13 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
软件设计的目标是什么
2016/12/04 面试题
公司员工的自我评价范例
2013/11/01 职场文书
《赵州桥》教学反思
2014/02/17 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
小学毕业感言200字
2015/07/30 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书