编程 Javascript

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

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 相关文章推荐

一个多次搜索+多次传值的解决方案

Jan 20 Javascript

php gethostbyname获取域名ip地址函数详解

Jan 24 Javascript

JS定时刷新页面及跳转页面的方法

Jul 04 Javascript

Jquery的hide及toggle方法让超链接慢慢消失

Sep 06 Javascript

jQuery选择器之基本选择器与层次选择器

Mar 03 Javascript

HTML5+setCutomValidity()函数验证表单实例分享

Apr 24 Javascript

详解webpack分包及异步加载套路

Jun 29 Javascript

weex里Vuex state使用storage持久化详解

Sep 09 Javascript

Vue表单控件绑定图文详解

Feb 11 Javascript

vue封装swiper代码实例解析

Oct 08 Javascript

JavaScript中如何对多维数组(矩阵)去重的实现

Dec 04 Javascript

koa2 数据api中间件设计模型的实现方法

Jul 13 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