熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

根據選擇不同的下拉值出現相對應的文本輸入框

2022-06-13   來源: JSP教程 
根據用戶選擇不同的下拉值出現相應的文本輸入框在某些情況下比較實用本文為大家寫了個有需求的朋友可以參考下   復制代碼 代碼如下:

  
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<%@ page language="java" import="javautil*" pageEncoding="utf"%>
<%@taglib prefix="s" uri="/strutstags"%>
<title>無標題文檔</title>
<script language="javascript">
function $(obj){return documentgetElementById(obj);}
function show(objid) {$(objid)styledisplay=inline;}
function hidden(objid) {$(objid)styledisplay=none;}
function doit(){
var sel_val=$(sel)value;
if (sel_val==) {hidden(a);hidden(a);}
if (sel_val==) {hidden(a);hidden(a);}
if (sel_val==) {show(a);hidden(a);}
if (sel_val==) {show(a);hidden(a);}
}
</script>
</head>

<body>
<select name="sel" id="sel" onchange="javascript:doit();">
<option selected="selected">請選擇</option>
<option value="">不要輸入框</option>
<option value="">輸入框</option>
<option value="">輸入框</option>
</select>

<input value="輸入框" type="text" name="a" id="a" style="display:none;" />
<input value="輸入框" type="text" name="a" id="a" style="display:none;" />
<br />
<br />
</body>
</html>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20031.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.