处理下拉框太多

最新推荐文章于 2024-12-03 08:56:02 发布

原创最新推荐文章于 2024-12-03 08:56:02 发布 · 630 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

8 篇文章

订阅专栏

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

<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');"