社区
JavaScript
帖子详情
用input 和 select 重叠 来做一个可编辑的combobox,遇到的问题
uteflyaway
2009-11-18 10:52:58
这种方法明显可行,但是是不是只有取 position:absolute;的时候才可以,如果位置固定,遇到页面有滚动条的时候,位置会不会乱?
我想到一种方法,就是用一个div浮动在屏幕上,把那些需要修改的项也就是那些combobox放到里面,这样位置固定在最前面。
请问有没有更好的方法,
或者能给个具体的实例来最好。
主要问题是解决取绝对坐标显示位置的问题。
...全文
223
2
打赏
收藏
用input 和 select 重叠 来做一个可编辑的combobox,遇到的问题
这种方法明显可行,但是是不是只有取 position:absolute;的时候才可以,如果位置固定,遇到页面有滚动条的时候,位置会不会乱? 我想到一种方法,就是用一个div浮动在屏幕上,把那些需要修改的项也就是那些combobox放到里面,这样位置固定在最前面。 请问有没有更好的方法, 或者能给个具体的实例来最好。 主要问题是解决取绝对坐标显示位置的问题。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xiaofan_sap
2009-11-18
打赏
举报
回复
绝对定位的话 ,子元素是相对于它的第一个非静态父元素开始算top left的值,lz把div采用非静态定位的话,里面的子元素也就好控制了,用input和select组和实现combox,以前想过,但没做过 ,顶 lz
~~
dh20156
2009-11-18
打赏
举报
回复
参见:
http://www.jslab.org.cn/?tag=combobox
用Javascript实现类似
ComboBox
的可
编辑
下拉列表框.
前几天从网上找到一份类似的代码,结果不能用,经过自己琢磨该位仁兄的代码并经过自我推敲,终于成功作出
ComboBox
的下拉列表框:一,基本原理:
ComboBox
实质上就是listbox+
input
, 首先初始化的时候将listbox 和
input
文本框
重叠
,设定listbox的clip区域, 当选定了下拉框的项时(onchange事件被触发),将listbox选择
div
重叠
和隐藏显示
又到周末了。今天又是新的
一个
月的开始,大家用充满愉快的心情开始这个月的生活吧。 有这么
一个
需求,就是
一个
报表模块,这个模块中,有多个报表,
一个
界面,我们不可能全显示出来,这样一是占位置,二是很乱;三,也就是客户一打开这个模块,看到的是多个报表,不知道焦点放在哪。使用人心情浮躁而不开森。 因此,我今天讲的就是把多个报表
重叠
在一起。只显示第
一个
DIV的报表,
重叠
的都隐藏起来。在查询栏中添加
一个
报表
弄到现在才知道网页没有
combobox
,弄网上的服务器控件不方便,自己用textbox+dropdownlist用CSS组合起
一个
简单的
combobox
效果。...
CSS类代码 <style type="text/css"> .DropListWithText1 { left:0px; top:0px; width:100%; height:20px; text-align:left; border:0px; } .TextWithDropList1 { position:r...
关于在使用easyui的时候,实现光标定位在easyui-combogrid和easyui-textbox输入框内(也就是获取焦点)
方法很简单,下面就直接贴代码和显示的效果图,这也是我毕业之后第一份工作,在公司
做
项目的时候要实现的效果,在百度上找了很多办法但是都是杂七杂八的,可能我没有描述对
问题
,至于这样
做
的原理我就不清楚了,我也是才开始研究easyui没多久!代码: jsp页面的输入框是这样的 那在js里面要实现这个文本框的光标定位(或者是获取焦点)就可以这样$('#flight_code').comb
兼容全浏览器的个性化
select
下拉框设计与实现
在实际开发中,<
select
>元素的尺寸控制是实现布局一致性的第一步。默认情况下,<
select
>会根据内容自动调整宽度,这在固定容器或栅格系统中极易导致错位。为此,应显式设置width属性以锁定控件尺寸:/* 与height匹配,确保文本垂直居中 */属性说明推荐值width控制下拉框整体宽度固定像素(如200px)或百分比(如100%height设定控件高度,影响点击热区大小至少36px以符合无障碍点击区域标准。
JavaScript
87,993
社区成员
224,694
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章