根據(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)文章
這是我總結(jié)多年的一個(gè)小文檔，最近看見(jiàn)有人咨詢(xún)?yōu)g覽器兼容的問(wèn)題，就貢獻(xiàn)出來(lái)。2010-05-05
基于JS實(shí)現(xiàn)經(jīng)典的井字棋游戲
井字棋作為我們?cè)谏蠈W(xué)時(shí)代必玩的一款連珠游戲，承載了很多人的童年記憶。本文我們就用HTML、css、js來(lái)實(shí)現(xiàn)一款井字棋游戲，感興趣的可以動(dòng)手嘗試一下2022-04-04
有關(guān)文件上傳 非ajax提交 得到后臺(tái)數(shù)據(jù)問(wèn)題
本文給大家介紹關(guān)于文件上傳非ajax提交得到后臺(tái)數(shù)據(jù)的問(wèn)題我們?cè)撛趺刺幚砟?？下文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-10-10
JS消息彈框alert、confirm、prompt的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS消息彈框alert、confirm、prompt,文中還給大家介紹了js的三大基礎(chǔ)彈框，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
分享19個(gè)JavaScript 有用的簡(jiǎn)寫(xiě)寫(xiě)法
最近很火的一篇來(lái)自國(guó)外的文章，js的簡(jiǎn)寫(xiě)寫(xiě)法一定程度上可以提高你的js書(shū)寫(xiě)水平對(duì)于js的理解也會(huì)更近一步2017-07-07
Bootstrap每天必學(xué)之日期控制，對(duì)Bootstrap日期控制感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS求解三元一次方程組值的方法,涉及JS數(shù)學(xué)運(yùn)算的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
ExpressJS使用express-ws的實(shí)例詳解
這篇文章主要介紹了ExpressJS使用express-ws的實(shí)例代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
angular bootstrap timepicker TypeError提示怎么辦
這篇文章主要介紹了angular bootstrap timepicker TypeError提示的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
js實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)圖片滾動(dòng)停止的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)圖片滾動(dòng)停止的方法,可實(shí)現(xiàn)js滾動(dòng)特效中的鼠標(biāo)懸停停止圖片滾動(dòng)的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02