首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

处理上拉框太多

2012-09-23 
处理下拉框太多点击输入框,弹出个下拉列表。在输入框中输入可搜索下拉表的值,且只显示输入框包含的列表 这

处理下拉框太多

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

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

热点排行