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

更新时间：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> 

wap浏览自动跳转到wap页面的js代码
这篇文章主要介绍了如何让用户输入wap手机网站的网址时自动跳转到wap网站,需要的朋友可以参考下
2014-05-05
手把手教你在微信小程序中使用three.js(保姆级教程)
Three.js是一款运行在浏览器中的3D引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象,下面这篇文章主要给大家介绍了关于如何在微信小程序中使用three.js的保姆级教程,需要的朋友可以参考下
2023-03-03
JavaScript实现自动切换图片代码
本文给大家分享一段js代码实现自动切换图片的代码，代码非常简单，应用领域非常广泛，感兴趣的朋友一起看看吧
2016-10-10
如何理解JS函数防抖和函数节流
函数防抖和函数节流都是对函数进行特殊的设置，减少该函数在某一时间段内频繁触发带来的副作用。二者只是采用的设置方式和原理不一样，其最终的目的是一样的。
2021-05-05
JS实现电子时钟入门操作
这篇文章主要为大家详细介绍了JS实现电子时钟入门操作，实现带有表盘的时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
html+js实现简单的计算器代码(加减乘除)
下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
JS中的三个循环小结
这篇文章主要介绍了JS中的三个循环小结,需要的朋友可以参考下
2017-06-06
对象题目的一个坑理解Javascript对象
这篇文章主要介绍了Javascript对象，特别为大家分享了对象题目的一个坑，提供了解题思路，感兴趣的小伙伴们可以参考一下
2015-12-12
JS获取当前时间实例代码(年月日时分秒)
在javascript中,可以使用Date对象中的Date()方法来获取当前时间,下面这篇文章主要给大家介绍了关于JS获取当前时间(年月日时分秒)的相关资料,需要的朋友可以参考下
2022-09-09
webpack4从0搭建组件库的实现
这篇文章主要介绍了webpack4从0搭建组件库的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11