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


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 相关文章推荐
Javascript 判断Flash是否加载完成的代码
Apr 12 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
js自执行函数的几种不同写法的比较
Aug 16 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
javascript下拉列表菜单的实现方法
Nov 18 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
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
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
PHP防止跨域提交表单
2013/11/01 PHP
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
js播放wav文件(源码)
2013/04/22 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
python实现ipsec开权限实例
2014/11/11 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
Django框架视图介绍与使用详解
2019/07/18 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
什么是数组名
2012/05/10 面试题
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
材料成型专业个人求职信范文
2013/09/25 职场文书
售后服务承诺书模板
2014/05/21 职场文书
体现团队精神的口号
2014/06/06 职场文书
2014年采购员工作总结
2014/11/18 职场文书
人才市场接收函
2015/01/30 职场文书
中学教师读书笔记
2015/07/01 职场文书
小学主题班会教案
2015/08/17 职场文书
总经理聘用协议书
2015/09/21 职场文书