一个下拉框联动的简单例子
2005-04-26 14:52
369 查看
<%@ include file="../bas/headSearch.jsp"%>
<BODY class="classSearchBody" onkeypress="DoKeyPress();">
<html:form styleId="frmSearch" action="/ssm/cdSwtInfoList.do?action=list" target="right_frame">
<table border=0 cellspacing=2 cellpadding=2 width="100%">
<tr>
<td class="classSearchTitle">类别名称:<br>
<html:select name="basMapForm" property="hs(codeType)" style="width:100%" onchange="clearInput();">
<option></option>
<ltcm:listcodetp />
</html:select>
</td>
</tr>
<tr id="ctn">
<td class="classSearchTitle">类别名称:<br><html:text name="basMapForm" property="hs(codeTypeName)" style="width:100%" /></td>
</tr>
<tr>
<td class="classSearchTitle">代码值:<br><html:text name="basMapForm" property="hs(baseCode)" style="width:100%" /></td>
</tr>
<tr>
<td class="classSearchTitle">代码名称:<br><html:text name="basMapForm" property="hs(baseName)" style="width:100%" /></td>
</tr>
<tr>
<td align=right><button name="btnSearch" onclick="DoSearch();">查询</button></td>
</tr>
</table>
<input type=hidden name="intTotalPages">
<input type=hidden name="intCurrentPage">
</html:form>
<script defer>
function clearInput()
{
var obj=document.getElementById("hs(codeType)");
var ctn=document.getElementById("ctn");
if(obj.options[obj.selectedIndex].innerText!='')
{
document.getElementById("hs(codeTypeName)").value="";
ctn.style.display="none";
}
else
{
ctn.style.display="";
}
}
</script>
</BODY>
</HTML>
<BODY class="classSearchBody" onkeypress="DoKeyPress();">
<html:form styleId="frmSearch" action="/ssm/cdSwtInfoList.do?action=list" target="right_frame">
<table border=0 cellspacing=2 cellpadding=2 width="100%">
<tr>
<td class="classSearchTitle">类别名称:<br>
<html:select name="basMapForm" property="hs(codeType)" style="width:100%" onchange="clearInput();">
<option></option>
<ltcm:listcodetp />
</html:select>
</td>
</tr>
<tr id="ctn">
<td class="classSearchTitle">类别名称:<br><html:text name="basMapForm" property="hs(codeTypeName)" style="width:100%" /></td>
</tr>
<tr>
<td class="classSearchTitle">代码值:<br><html:text name="basMapForm" property="hs(baseCode)" style="width:100%" /></td>
</tr>
<tr>
<td class="classSearchTitle">代码名称:<br><html:text name="basMapForm" property="hs(baseName)" style="width:100%" /></td>
</tr>
<tr>
<td align=right><button name="btnSearch" onclick="DoSearch();">查询</button></td>
</tr>
</table>
<input type=hidden name="intTotalPages">
<input type=hidden name="intCurrentPage">
</html:form>
<script defer>
function clearInput()
{
var obj=document.getElementById("hs(codeType)");
var ctn=document.getElementById("ctn");
if(obj.options[obj.selectedIndex].innerText!='')
{
document.getElementById("hs(codeTypeName)").value="";
ctn.style.display="none";
}
else
{
ctn.style.display="";
}
}
</script>
</BODY>
</HTML>
相关文章推荐
- js的一个简单的例子_修改table中值联动变化相关值
- linux c 一个autotools的最简单例子
- msdn的一个例子 移动就是这么简单..
- linux内核中的信号机制--一个简单的例子
- [导入]一个很简单的C#例子,给网友解答的,总觉得应该有更简单的方法
- 一个简单的MicrosoftCallBack例子(转)
- 通过一个简单的例子学习编译器是如何执行程序的
- Spring MVC:使用SimpleUrlHandlerMapping的一个简单例子
- socket编程——一个简单的例子
- jquery+json处理分页的一个简单例子。
- 一个简单的C#多线程间同步的例子
- 一个发送邮件的简单例子
- 一个简单的C#多线程间同步的例子
- 一个简单的sturts-menu例子
- 使用Eclipse开发一个Servlet3.0的简单例子
- 一个简单的点击后显示与隐藏表格的例子
- zeromq 测试用例,一个简单的接受浏览器信息的例子
- 用装饰模式优化代码的一个简单例子
- ios学习笔记block回调的应用(一个简单的例子)
- 一是最简单的例子让你学会如何使用XML来做一个页面