DropDownList下拉框可编辑功能的实现
来源:互联网 发布:生产数据统计岗位职责 编辑:程序博客网 时间:2024/05/16 06:22
实现步骤
一、在页面中增加如下脚本:
<script language="javascript" type="text/javascript">
function selectedDDL(selectEle )
{
selectEle.options[selectEle.length]=new Option("","",false,true);
}//当你选中dropdownlist的时候为他创建一个新项目
function updateDDLContent(selectEle)
{
selectEle.options[selectEle.selectedIndex].text= selectEle.options[selectEle.selectedIndex].text + String.fromCharCode(event.keyCode);
var tempText=document.getElementById(selectEle.name+"Text");
tempText.value=selectEle.options[selectEle.selectedIndex].text;
}//当键盘按下时,修改一个dropdownlist的option内容
function selectEvent(selectEle)
{
switch(event.keyCode)
{
case 8:
selectEle.options[selectEle.selectedIndex].text="";
event.returnValue=false;
break;
case 46:
selectEle.options[selectEle.selectedIndex].text="";
break;
}
}//用来处理delete和space两个按键的响应
function bindContentToTextBox( selectEle )
{
var tempText=document.getElementById(selectEle.name+"Text");
tempText.value=selectEle.options[selectEle.selectedIndex].text;
}//将内容帮定到textbox
</script>
二、后台页面代码中,增加如下代码:
下拉控件ID.Attributes.Add("ondblclick", "selectedDDL(this)");
下拉控件ID.Attributes.Add("onkeypress", "updateDDLContent(this)");
下拉控件ID.Attributes.Add("onkeydown", "selectEvent(this)");
下拉控件ID.Attributes.Add("onchange", "bindContentToTextBox(this)");
即可实现效果
- DropDownList下拉框可编辑功能的简单实现
- DropDownList下拉框可编辑功能的实现
- ASP.NET 可编辑的下拉框(DropDownList)
- ASP.NET 可编辑的下拉框(DropDownList)
- android 可编辑下拉框的实现
- HTML可编辑下拉框的实现
- javascript实现可编辑的下拉框
- 实现可编辑的下拉框
- HTML可编辑下拉框的实现
- angularJS实现可编辑的下拉框
- Select实现可编辑和下拉功能
- 实现下拉框可编辑
- C# DataGridView中实现类似ComboBox可编辑的下拉框功能
- C# DataGridView中实现类似ComboBox可编辑的下拉框功能
- c# DataGridView中实现ComboBox可编辑的下拉框功能
- 可编辑可自动匹配的联动下拉框实现
- 可编辑的下拉框,以及js获取DropDownList的Text和Value
- 可输入的下拉框(DropDownList)
- OGC标准介绍 11
- Http之Get/Post请求区别
- CuteEdit 虚拟主机部署出错的问题解决
- Exchange Server 版本号及发布时间
- 骇客技术:简单十招教你学会破解软件
- DropDownList下拉框可编辑功能的实现
- 面对工作迷茫怎么办?
- ZZ: VS2005 + DDK6001 环境搭配及编译全过程 (编译错误分析)
- OpenCV 保存矩阵
- derby数据库常用操作
- Android原码地址
- WWAN+SIM卡实现3G上网
- 面试题:重写strcpy() 函数原型
- 学习程序设计方法