|
根据用户选择不同的下拉值出现相应的文本输入框在某些情况下比较实用本文为大家写了个有需求的朋友可以参考下复制代码 代码如下:
<!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>
|
