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 双色表格实现代码
Dec 08 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
AngularJS Bootstrap详细介绍及实例代码
Jul 28 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
全面分析JavaScript 继承
May 30 Javascript
Vue路由管理器Vue-router的使用方法详解
Feb 05 Javascript
vue 使用localstorage实现面包屑的操作
Nov 16 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
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
完美解决通过IP地址访问VUE项目的问题
2020/07/18 Javascript
详解在Python和IPython中使用Docker
2015/04/28 Python
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
python实现文件快照加密保护的方法
2015/06/30 Python
深入理解Python中的*重复运算符
2017/10/28 Python
python+opencv实现动态物体识别
2018/01/09 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
Python实现常见的回文字符串算法
2018/11/14 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
安装多个版本的TensorFlow的方法步骤
2020/04/21 Python
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
上学迟到的检讨书
2014/01/11 职场文书
采购经理岗位职责
2014/02/16 职场文书
上课看小说检讨书
2014/02/22 职场文书
自行车广告词大全
2014/03/21 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers