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 相关文章推荐
javascript 遍历验证所有文本框的值
Aug 27 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
JavaScript解析及序列化JSON的方法实例分析
Jan 04 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
Vue组件简易模拟实现购物车
Dec 21 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
正义联盟的终局之战《天启星战争》将成为DC动画宇宙的最后一部
2020/04/09 欧美动漫
那些年一起学习的PHP(三)
2012/03/22 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
jquery刷新页面的实现代码(局部及全页面刷新)
2011/07/11 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
linux 下以二进制的方式安装 nodejs
2020/02/12 NodeJs
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
Python中input和raw_input的一点区别
2014/10/21 Python
python函数装饰器用法实例详解
2015/06/04 Python
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
为什么说python更适合树莓派编程
2020/07/20 Python
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
几个数据库方面的面试题
2016/07/01 面试题
表扬信格式
2014/01/12 职场文书
黄金酒广告词
2014/03/21 职场文书
主持人演讲稿
2014/05/13 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
2019消防宣传标语!
2019/07/10 职场文书
python小型的音频操作库mp3Play
2022/04/24 Python