js使下拉列表框可编辑不止是选择


Posted in Javascript onDecember 12, 2013
<script> 
function clearOption(obj,e){ 
var currKey=0,e=e||event; 
currKey=e.keyCode||e.which||e.charCode; 
if(currKey == 8){ 
obj.options[0].text = ""; 
} 
} 
function writeSelect(obj,e){ 
var currKey=0,e=e||event; 
currKey=e.keyCode||e.which||e.charCode; 
obj.options[0].selected = "select"; 
if(currKey != 8){//这个地方是为了避免在firefox又出现令人厌烦的乱码,可以试试注释这句话,看看在firefox的效果 
obj.options[0].text = obj.options[0].text + String.fromCharCode(currKey); 
} 
e.returnValue=false; 
return obj.options[0].text; 
} 
function ttt(){ 
var jg = document.getElementById("aa").options[document.getElementById("aa").selectedIndex].text; 
//当然也可以在前面的writeSelect函数里面同时设置options的value,这样的话,直接可以在该程序里面用value取出 
jQuery("#aa").empty(); 
jQuery("#aa").append("<option value=''></option>"); 
} </script>

<select style='width:150px;z-index:-1' id="aa" name="selectHelpCode" onkeydown="clearOption(this,event)" onkeypress="writeSelect(this,event)"> 
<option value=""></option> 
<option value="11">11</option> 
<option value="22">22</option> 
<option value="33">33</option> 
</select> 
<input type="button" value="清除" onclick="ttt();"/>
Javascript 相关文章推荐
基于jQuery的图片剪切插件
Aug 03 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
js转换对象为xml
Feb 17 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
原生js 封装get ,post, delete 请求的实例
Aug 11 Javascript
vue使用drag与drop实现拖拽的示例代码
Sep 07 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
深入理解JavaScript是如何实现继承的
Dec 12 #Javascript
Javascript Ajax异步读取RSS文档具体实现
Dec 12 #Javascript
javascripit实现密码强度检测代码分享
Dec 12 #Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 #Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 #Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 #Javascript
js中typeof的用法汇总
Dec 12 #Javascript
You might like
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
javascript 控制弹出窗口
2007/04/10 Javascript
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
win系统下nodejs环境安装配置
2017/05/04 NodeJs
angular-tree-component的使用详解
2018/07/30 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
python直接访问私有属性的简单方法
2016/07/25 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
HTML5未来发展趋势
2016/02/01 HTML / CSS
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
房地产开发计划书
2014/01/10 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
2014年网管工作总结
2014/12/11 职场文书
尼克胡哲观后感
2015/06/08 职场文书
《花钟》教学反思
2016/02/17 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书