根據(jù)選擇不同的下拉值出現(xiàn)相對(duì)應(yīng)的文本輸入框
更新時(shí)間：2013年08月01日 15:17:35 作者：
根據(jù)用戶(hù)選擇不同的下拉值，出現(xiàn)相應(yīng)的文本輸入框，在某些情況下比較實(shí)用，本文為大家寫(xiě)了個(gè)，有需求的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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>無(wú)標(biāo)題文檔</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">請(qǐng)選擇</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>
相關(guān)文章
wap瀏覽自動(dòng)跳轉(zhuǎn)到wap頁(yè)面的js代碼
這篇文章主要介紹了如何讓用戶(hù)輸入wap手機(jī)網(wǎng)站的網(wǎng)址時(shí)自動(dòng)跳轉(zhuǎn)到wap網(wǎng)站,需要的朋友可以參考下2014-05-05
手把手教你在微信小程序中使用three.js(保姆級(jí)教程)
Three.js是一款運(yùn)行在瀏覽器中的3D引擎,你可以用它創(chuàng)建各種三維場(chǎng)景,包括了攝影機(jī)、光影、材質(zhì)等各種對(duì)象,下面這篇文章主要給大家介紹了關(guān)于如何在微信小程序中使用three.js的保姆級(jí)教程,需要的朋友可以參考下2023-03-03
JavaScript實(shí)現(xiàn)自動(dòng)切換圖片代碼
本文給大家分享一段js代碼實(shí)現(xiàn)自動(dòng)切換圖片的代碼，代碼非常簡(jiǎn)單，應(yīng)用領(lǐng)域非常廣泛，感興趣的朋友一起看看吧2016-10-10
如何理解JS函數(shù)防抖和函數(shù)節(jié)流
函數(shù)防抖和函數(shù)節(jié)流都是對(duì)函數(shù)進(jìn)行特殊的設(shè)置，減少該函數(shù)在某一時(shí)間段內(nèi)頻繁觸發(fā)帶來(lái)的副作用。二者只是采用的設(shè)置方式和原理不一樣，其最終的目的是一樣的。2021-05-05
JS實(shí)現(xiàn)電子時(shí)鐘入門(mén)操作
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)電子時(shí)鐘入門(mén)操作，實(shí)現(xiàn)帶有表盤(pán)的時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
html+js實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器代碼(加減乘除)
下面小編就為大家?guī)?lái)一篇html+js實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器代碼(加減乘除)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要介紹了JS中的三個(gè)循環(huán)小結(jié),需要的朋友可以參考下2017-06-06
對(duì)象題目的一個(gè)坑 理解Javascript對(duì)象
這篇文章主要介紹了Javascript對(duì)象，特別為大家分享了對(duì)象題目的一個(gè)坑，提供了解題思路，感興趣的小伙伴們可以參考一下2015-12-12
JS獲取當(dāng)前時(shí)間實(shí)例代碼(年月日時(shí)分秒)
在javascript中,可以使用Date對(duì)象中的Date()方法來(lái)獲取當(dāng)前時(shí)間,下面這篇文章主要給大家介紹了關(guān)于JS獲取當(dāng)前時(shí)間(年月日時(shí)分秒)的相關(guān)資料,需要的朋友可以參考下2022-09-09
webpack4從0搭建組件庫(kù)的實(shí)現(xiàn)
這篇文章主要介紹了webpack4從0搭建組件庫(kù)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11