处理上拉框太多

处理下拉框太多

点击输入框，弹出个下拉列表。在输入框中输入可搜索下拉表的值，且只显示输入框包含的列表 这里举一个例子，首先增加一个输入框，代码如下： 

<input name="inputAgency" id="inputAgency" type="text" size="20" onblur="mustSelect('agencyId')" onclick="showSelectOnclick('inputAgency','agencyId','divAgency');"onkeyup="showSelectBykey('inputAgency','agencyId','divAgency');"/>

 

 然后增加一个隐藏的div层，select被包含在div层里面，代码如下：

<div id="divAgency"  style="display: none;position:absolute;slategray;overflow-x:hidden;overflow-y:auto;margin: -1.5pt 0px 0pt 0px;">  
<select id="agencyId" name="queryCondition.agencyId" style="width:180px;height:100px;" size="8"	onkeyup="if (window.event.keyCode==13){setFieldValue('inputAgency','agencyId','divAgency');}"onblur="hideElement('divAgency');" ondblclick="setFieldValue('inputAgency','agencyId','divAgency');"onchange="UMautoselect1('ajaxAction!ajaxQueryCounter.action','agencyId','counter')">
		<option value="<%=id%>">
			<%=code%>-<%=value%>
		</option>
</select></div>

 

最后，在文档加载的实现先将数据存储在一个数组里面，代码如下： onload="initCodeData('organId');initCodeData('agencyId');"