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 19 Javascript
asp.net刷新本页面的六种方法总结
Jan 07 Javascript
jquery序列化表单去除指定元素示例代码
Apr 10 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
JS刷新父窗口的几种方式小结(推荐)
Nov 09 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
js实现滑动进度条效果
Aug 21 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 Javascript
原生js实现滑块区间组件
Jan 20 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
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
利用Python破解验证码实例详解
2016/12/08 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
Java面试笔试题大全
2016/11/23 面试题
小学开学典礼主持词
2014/03/19 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
小学教师师德承诺书
2014/05/23 职场文书
应届大专生自荐书
2014/06/16 职场文书
运动会稿件100字
2014/09/24 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
刑事辩护词范文
2015/05/21 职场文书
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python