点击输入框,弹出个下拉列表。在输入框中输入可搜索下拉表的值,且只显示输入框包含的列表 这里举一个例子,首先增加一个输入框,代码如下:
<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');"
分享到:
相关推荐
下拉列表框内容特别多,选择的时候很费时间,使用Javascript实现快速选择。在旁边的搜索框输入关键字进行搜索,即可快速选中对应项。
相信用过antd的同学基本都用过select下拉框了,这个组件数据量少的时候很好用,但是当数据量大的时候,比如大几百条上千条甚至是几千条的时候就感觉一点都不好用了,卡的我怀疑人生,一点用户体验都没有了。...
下拉框内容过长,挡住显示内容。 select内容过长,显示内容无法全部显示。 下拉框内容过长,显示内容无法全部显示。
怎么解决下拉组合框Combox中的文字显不全
开始以为很简单,在option里加个input... 下拉多选框的使用过程中处理比较多的逻辑主要集中在数据源store的配置和select事件的处理。extjs本身的那种数据和UI分离的模式使得级联的实现非常轻松。只需在省份下拉框的sele
MFC好用的报表类,这是一个附带下拉框和文本框功能的ListCtrl控件派生类ComboListCtrl的小DEMO,但是其中有一些问题有待解决,数据行太多的话,界面下拉处理会不太友好~滚动条滚动会卡,重绘貌似也有问题,希望高手...
功能插件 对系统在某些功能上不足的补充 系统设置 系统功能开启关闭的设置,包括下拉框,产品,地区,用户,部门,角色,语言包等等。 19、除此功能 还有一些插件功能 销售统计、任务发布、员工签到等。 ========...
主菜单数目不应太多,最好为单排布置。 6)标签设计 标签设计应该注意转角部分的变化,状态可参考按钮。 7)图标设计 图标设计色彩不宜超过64色,大小为16x16、32x32两种,应该加以着重考虑视觉冲击力 ,它需要在很...
主菜单数目不应太多,最好为单排布置。 6)标签设计 标签设计应该注意转角部分的变化,状态可参考按钮。 7)图标设计 图标设计色彩不宜超过64色,大小为16x16、32x32两种,应该加以着重考虑视觉冲击力, 它需要在很小...
当发明计算机编程不久之后,便有人发现,这其中涉及到了太多的重复操作。之后,也许是 Ada Lovelace(人类历史上的首位程序员),又或许是 Alan Turning,决定将计算机程序模块化,从而使得片段程序代码可以重复使用...
最后在下拉框中选择需要的编码方式,然后打开文件即可。 【11】软件技巧——FTP 上传的设置 “文件->远程操作->FTP 上传”在“设置”选项卡中设置好参数(“子目录”前面应该加“/”如“/web/”),点击“确定”回到...
信息采集分页处理功能 会员管理 图片管理 下载管理 信息采集系统 流量统计系统 投稿管理 投票管理 广告管理 会员系统支持DVBBS会员切换功能 支持第3方插件 图片、下载、信息高度集成 v3.0...
2.列表页导航分页加入超过100分页时,下拉选择自动变成文本框输入,防止下拉项太多而影响速度 3.纠正文章管理因异常栏目信息,而造成页面错误 4.生成的缓存文件加入和%>字符的编码,防止因配置内容含asp代码而造成...
每个步骤都说得很详细了,就没有必要贴图了,体积不要太大才好。 【1】正则表达式应用——替换指定内容到行尾 原始文本如下面两行 abc aaaaa 123 abc 444 希望每次遇到“abc”,则替换“abc”以及其后到行尾的内容...
每个步骤都说得很详细了,就没有必要贴图了,体积不要太大才好。 【1】正则表达式应用——替换指定内容到行尾 原始文本如下面两行 abc aaaaa 123 abc 444 希望每次遇到“abc”,则替换“abc”以及其后到行尾的内容...
用制表位的方法来处理公式的排版,很简单也很方便,不用去敲很多空格去把公式挪到中间,编号推到行末。还有一个好处,若公式或编号的长度发生变化时,Word会自动调节以使公式始终在页面的中间,编号始终在行末,...
WM_CTLCOLOR消息缺省处理函数CWnd::OnCtlColor返回一个HBRUSH类型的句柄,这样,就可以设置前景和背景文本颜色,并为控件或者对话框的非文本区域选定一个刷子。 WM_CTLCOLOR的映射函数原型如下: afx_msg HBRUSH ...
而且集合的元素可以是任意对象,操作也比数组灵活的多。 使用集合时,必须注意集合的生命期问题。如果有两个集合 L1 和 L2,使用 了 L1=L2; 后,只要 L2 生命期没有终结,它的以后的变化就可能会影响到 L1 的数值。...