您的位置:首页 > Web前端 > HTML

一个下拉框联动的简单例子

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息