处理下拉框太多

最新推荐文章于 2021-12-15 17:06:43 发布

danwind

最新推荐文章于 2021-12-15 17:06:43 发布

阅读量579

点赞数

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/danwind/article/details/83981688

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

<input name="inputAgency" id="inputAgency" type="text" size="20" οnblur="mustSelect('agencyId')" οnclick="showSelectOnclick('inputAgency','agencyId','divAgency');"οnkeyup="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"	οnkeyup="if (window.event.keyCode==13){setFieldValue('inputAgency','agencyId','divAgency');}"οnblur="hideElement('divAgency');" οndblclick="setFieldValue('inputAgency','agencyId','divAgency');"οnchange="UMautoselect1('ajaxAction!ajaxQueryCounter.action','agencyId','counter')">
		<option value="<%=id%>">
			<%=code%>-<%=value%>
		</option>
</select></div>

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