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动态加载js,css文件实现代码
Apr 03 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
PHP实现的各种中文编码转换类分享
Jan 23 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
详解js实时获取并显示当前时间的方法
May 10 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
Feb 06 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
深入理解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
PHP反射基础知识回顾
2020/09/10 PHP
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
Eval and new funciton not the same thing
2012/12/27 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
js post提交调用方法
2014/02/12 Javascript
javascript打开word文档的方法
2014/04/16 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
详解JS面向对象编程
2016/01/24 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
jQuery实现弹幕效果
2017/02/17 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
2020/11/05 Javascript
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python判断windows隐藏文件的方法
2014/03/21 Python
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
解决Python安装后pip不能用的问题
2018/06/12 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
python实现图像全景拼接
2020/03/27 Python
python的Jenkins接口调用方式
2020/05/12 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
实习单位评语
2014/04/26 职场文书
工厂门卫的岗位职责
2014/07/27 职场文书
春节超市活动方案
2014/08/14 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
资料员岗位职责
2015/02/10 职场文书
护士自荐信怎么写
2015/03/06 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
表扬信范文
2019/04/22 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
Python中可变和不可变对象的深入讲解
2021/08/02 Python
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js