根据选择不同的下拉值出现相对应的文本输入框
更新时间：2013年08月01日 15:17:35 作者：
根据用户选择不同的下拉值，出现相应的文本输入框，在某些情况下比较实用，本文为大家写了个，有需求的朋友可以参考下
复制代码 代码如下:
<!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>
相关文章
这是我总结多年的一个小文档，最近看见有人咨询浏览器兼容的问题，就贡献出来。2010-05-05
井字棋作为我们在上学时代必玩的一款连珠游戏，承载了很多人的童年记忆。本文我们就用HTML、css、js来实现一款井字棋游戏，感兴趣的可以动手尝试一下2022-04-04
本文给大家介绍关于文件上传非ajax提交得到后台数据的问题我们该怎么处理呢？下文给大家介绍的非常详细，感兴趣的朋友一起看看吧2016-10-10
JS消息弹框alert、confirm、prompt的实现代码
这篇文章主要介绍了JS消息弹框alert、confirm、prompt,文中还给大家介绍了js的三大基础弹框，结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-09-09
最近很火的一篇来自国外的文章，js的简写写法一定程度上可以提高你的js书写水平对于js的理解也会更近一步2017-07-07
Bootstrap每天必学之日期控制，对Bootstrap日期控制感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了JS求解三元一次方程组值的方法,涉及JS数学运算的相关操作技巧,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了ExpressJS使用express-ws的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
angular bootstrap timepicker TypeError提示怎么办
这篇文章主要介绍了angular bootstrap timepicker TypeError提示的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了js实现鼠标经过时图片滚动停止的方法,可实现js滚动特效中的鼠标悬停停止图片滚动的功能,非常具有实用价值,需要的朋友可以参考下2015-02-02
最新评论