- 浏览: 827266 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (530)
- Java编程 (64)
- C/C++/D (6)
- .Net/C# (9)
- Ruby (12)
- JavaScript (77)
- XML (1)
- JSON (1)
- Ajax (17)
- ExtJs (81)
- YUI (1)
- JQuery (7)
- DWR (1)
- HTML (7)
- CSS (7)
- Database (6)
- PowerDesigner (23)
- DB2 (2)
- Oracle (57)
- MS SQL Server (8)
- MySQL (6)
- JSP/Servlet/JSTL/TagLib (3)
- Spring (1)
- Hibernate (0)
- iText (0)
- Struts (0)
- Struts2 (0)
- iReport (0)
- FreeMarker (0)
- HttpClient (1)
- POI (6)
- FckEditor (15)
- Eclipse / MyEclipse (10)
- IntelliJ IDEA (0)
- NetBeans (0)
- Tomcat (11)
- WebLogic (1)
- Jboss (3)
- jetty (4)
- IIS (2)
- CVS/VSS (1)
- FTP (1)
- Windows/DOS (6)
- Linux/Unix (0)
- 软件建模 UML (0)
- Design Pattern & Thinking In Programming (10)
- 数据结构与算法 (12)
- 软件项目管理 (9)
- 行业应用解决方案 (3)
- 电脑软件与故障解决 (13)
- 编程语言 (1)
- 十万个为什么 (3)
- JBPM (2)
- sysbase (2)
- JDBC (8)
- Ant (2)
- Case-计算机辅助软件工程 (1)
- WebService (4)
- 浏览器 (1)
最新评论
-
gaoqiangjava:
同一楼,还请大手帮解决
JAVA读取word文件 -
hyl523:
// 判断数组中的第一个值是否未定义,如果未定义,便定义为空对 ...
javascript面向对象之二 命名空间 -
ping12132200:
ping12132200 写道我抱着个错不是因为:body标签 ...
extjs在IE报对象不支持此属性或方法 -
ping12132200:
我抱着个错不是因为:body标签内的第一个元素不能为文本tex ...
extjs在IE报对象不支持此属性或方法 -
fireinjava:
呀,不错,转走了,谢谢啦~
利用OpenOffice将word转换成PDF
<Html> <Head> <SCRIPT LANGUAGE="JavaScript"> <!-- //定义 select 原值 var oldValue,oldText; //select下拉框的onkeydown事件,修改下拉框的值 function catch_keydown(sel){ switch(event.keyCode) { case 13: //回车键 event.returnValue = false; break; case 27: //Esc键 sel.options[sel.selectedIndex].text = oldText; sel.options[sel.selectedIndex].value = oldValue; event.returnValue = false; break; case 8: //空格健 var s = sel.options[sel.selectedIndex].text; s = s.substr(0,s.length-1); if (sel.options[0].value==sel.options[sel.selectedIndex].text){ sel.options[sel.selectedIndex].value=s; sel.options[sel.selectedIndex].text=s; } event.returnValue = false; break; } if (!event.returnValue && sel.onchange) sel.onchange(sel) } //select下拉框的onkeypress事件,修改下拉框的值 function catch_press(sel){ if(sel.selectedIndex>=0){ var s = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode); if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text){ sel.options[sel.selectedIndex].value=s; sel.options[sel.selectedIndex].text=s; } event.returnValue = false; if (!event.returnValue && sel.onchange) sel.onchange(sel) } } //select下拉框的onfocus事件,保存下拉框原来的值 function catch_focus(sel) { oldText = sel.options[sel.selectedIndex].value; oldValue = sel.options[sel.selectedIndex].value; } //--> </SCRIPT> </Head> <Body> <!--调用--> <select style='width:130px;z-index:-1' name='tmpSel' onkeydown=catch_keydown(this) onkeypress=catch_press(this) onfocus=catch_focus(this)> <option value=''></option> <option value=''>A</option> <option value=''>B</option> <option value=''>C</option> </select> </Body> </Html>
带有提示信息的
xieyj(原作)
<Html> <Head> <SCRIPT LANGUAGE="JavaScript"> <!-- //定义 select 原值 var oldValue,oldText; //select下拉框的onkeydown事件,修改下拉框的值 function catch_keydown(sel){ switch(event.keyCode) { case 13: //回车键 event.returnValue = false; break; case 27: //Esc键 sel.options[sel.selectedIndex].text = oldText; sel.options[sel.selectedIndex].value = oldValue; event.returnValue = false; break; case 8: //空格健 var s = sel.options[sel.selectedIndex].text; s = s.substr(0,s.length-1); if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text){ sel.options[sel.selectedIndex].value=s; sel.options[sel.selectedIndex].text=s; } event.returnValue = false; break; } if (!event.returnValue && sel.onchange) sel.onchange(sel) } //select下拉框的onkeypress事件,修改下拉框的值 function catch_press(sel){ if(sel.selectedIndex>=0){ var s = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode); if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text){ sel.options[sel.selectedIndex].value=s; sel.options[sel.selectedIndex].text=s; } event.returnValue = false; if (!event.returnValue && sel.onchange) sel.onchange(sel) } } //select下拉框的onfocus事件,保存下拉框原来的值 function catch_focus(sel) { oldText = sel.options[sel.selectedIndex].value; oldValue = sel.options[sel.selectedIndex].value; } //select 选择框鼠标上移时提示选择的内容 function selMouseOver(obj){ with (document.all.div_hint){ innerText = obj.options[obj.selectedIndex].text; if (innerText.length > 0){ innerText = " " + innerText + " "; style.display = "block"; style.left = event.clientX + 16; style.top = event.clientY; } } } //select 选择框鼠标移开时消失 function selMouseOut(obj){ with (document.all.div_hint){ style.display = "none" } } //--> </SCRIPT> </Head> <Body> <!--调用--> <select style='width:130px;z-index:-1' name='tmpSel' onmouseover=selMouseOver(this) onmouseout=selMouseOut(this) onkeydown=catch_keydown(this) onkeypress=catch_press(this) onfocus=catch_focus(this)> <option value=''></option> </select> <!--提示块--> <div id=div_hint style="font-size:12px;color:red;display:none;position:absolute; z-index:2; top:200;background-color: #F7F7F7; layer-background-color: #0099FF; border: 1px #9c9c9c solid;filter:Alpha(style=0,opacity=80,finishOpacity=100);"></div> </Body> </Html>
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zwhfyy/archive/2009/05/21/4205515.aspx
发表评论
-
javascript面向对象之一 类
2011-06-06 16:46 962javascript中的类多数是用 ... -
javascript面向对象之二 命名空间
2011-06-06 16:24 1198javascript中本没有命名空间的概念,但是要体现面向对象 ... -
网页特效代码
2011-06-01 16:38 10581. Flip! 一个 jQuery 插件 http://l ... -
js 操作select 大全
2010-11-04 13:49 7071判断select选项中 是否存在Value="pa ... -
Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能
2010-11-03 13:05 1324http://www.iteye.com/topic/4800 ... -
IE6对display:table-row不支持
2010-11-02 19:34 1572http://topic.csdn.net/u/2010070 ... -
javascript中字符串转化为json对象
2010-07-30 09:11 1191http://www.json.org/js.html To ... -
IE6的base标签导致页面结构大混乱
2010-07-20 16:27 1050这是一个非常隐秘也是非常强大的bug,我真不知微软的IE开发人 ... -
汇总让IE6崩溃的几种方法
2010-07-20 16:25 1112经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,数字 ... -
JS添加事件处理函数
2010-07-08 23:41 1061作为一种事件驱动的编 ... -
js压缩工具
2010-07-04 23:50 1766javascriptcompressor.com ( ... -
Javascript 中 ShowModalDialog 的使用方法
2010-06-21 16:13 1399ShowModalDialog函数的功能 ... -
xtree的基本应用---入门级
2010-06-21 16:08 1196由于公司要求做一棵关于公司员工选择的JS控件树,以前我们一直使 ... -
javascript实现上传图片前的预览效果
2010-06-16 20:35 1361<script>function yulan(){ ... -
重写window.confirm函数
2010-06-12 11:06 2284重写window.confirm函数为了让它能够默认选择取消按 ... -
改善window的alert提示信息框样式
2010-06-12 11:05 1428<input type="button&quo ... -
jsgraphics图形库
2010-05-10 22:58 1595http://www.walterzorn.com/jsgra ... -
JavaScript图形库jsGraphics
2010-05-10 22:57 2450JavaScript图形库Raphaël < JavaS ... -
千一JS控件
2010-05-10 22:31 813千一JS控件--滑块条 千一JS控件--进度条 千一JS控 ... -
JavaScript 生成曲线图
2010-05-10 22:28 1195引用方法 new gov.Graphic(par1,par2 ...
相关推荐
通过html元素层覆盖,实现一个可以输入,可以选择的一个select框,实际使用取值可以从text框中取值,如需从select框取值,请修改select的selectIndex以达到要求。
自制的jquery插件,只需要一行代码,即可将select控件变成一个即可以输入也可以选择的元素,输入时也会有智能提示。对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有...
1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动...
美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用。
如下图这样把操作按钮放在select弹层底部是一种挺常见的设计方式 但是很遗憾element-ui没有给我们提供这个插槽,我们想实现这个功能只能重写组件或者等官方更新吗,答案当然是否定的! 花了一点时间通过一个函数...
可输入的select,顾名思义,保证了select既可以选择已有的options选项,又可以自己输入自己想要展示的内容。
下拉的select框中添加一个搜索框,在select 框中添加新的样式searchClass,就可以使用
js 特效 html 特效 Select框也可以输入
前台select框模糊查询方法 可以实现多选以及模糊匹配 可以调高查找效率
NULL 博文链接:https://penghuaiyi.iteye.com/blog/418070
下拉框选择已有固定value,也可以选择后进行编辑,也可以直接输入数值。
JavaScript 技术: select2控件选择多个数据,以及回显数据的方法 。
可输入可选择的SELECT控件,附使用方法与实例.
html:select>标签的用法 <html:select property="theChoice"> <html:options collection="choiceLists" property="value" labelProperty="description" /> </html:select>
select选择框控件-jquery.editable-select,并且可以编辑,可以输入
主要介绍了用JavaScript来美化HTML的select标签的下拉列表效果的方法,而且在多浏览器下的兼容效果也得到提升,需要的朋友可以参考下
扩展html中的select元素,基于jquery,兼容IE6、chrome,firefox ...主要是看着一些select插件不兼容ie6所以自己写了个 开源的,大家可以一起完善下 https://github.com/zhenzhonghouse/SelectExpand
如下图,这是一个layui的下拉列表select,随着下拉数据越来越多,我们找...以上这篇layui下拉列表select实现可输入查找的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
本文实例讲述了js实现Select下拉框具有输入功能的方法。分享给大家供大家参考。具体实现方法如下: 实现方法一 代码如下:<HTML> <HEAD> <META http-equiv=’Content-Type’ content=’text/html; ...
自写的一个能进行 模糊查询+多选的下拉框(select) 本人亲测,肯定符合你的要求