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

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