要让网页中的下拉列表支持可编辑,可不是件省心的事,上网搜索了下,也有一些解决方法,做起来总不够简便。我做了个简单的实现,主要是通过给select添加选项的方式,达到可编辑的目的。演示网址 http://www.cmdgo.com/_ctrl/testruby/selecteditable,代码如下:
<select name="markcode" onChange="editable(this);">
<option value="value1">选项一</option>
<option value="">请输入</option>
</select>
<script language="javascript">
function editable(select1){
if(select1.value == ""){
var newvalue = prompt("请输入","");
if(newvalue){
addSelected(select1,newvalue,newvalue);
}
}
}
function addSelected(fld1,value1,text1){
if (document.all) {
var Opt = fld1.document.createElement("OPTION");
Opt.text = text1;
Opt.value = value1;
fld1.options.add(Opt);
Opt.selected = true;
}else{
var Opt = new Option(text1,value1,false,false);
Opt.selected = true;
fld1.options[fld1.options.length] = Opt;
}
}
</script>
其中的function可以放到js文件中引用,这样只要对select框添加很少的代码就能支持可编辑了。支持IE和Firefox
更友好的是将input和select位置重叠
直接输入选项内容,回车即添加
分享到:
相关推荐
这是一款堪称最完美的下拉框组件,特点如:美化的并且可自定义的外观、使用简单、支持分组、下拉列表展开的方向智能化、下拉框可编辑、集成了ajax联动功能、自定义下拉列表的列数、完美的浏览器兼容性等。...
这是一款堪称最完美的下拉框组件,特点如:美化的并且可自定义的外观、使用简单、支持分组、下拉列表展开的方向智能化、下拉框可编辑、集成了ajax联动功能、自定义下拉列表的列数、完美的浏览器兼容性等。...
js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值] } 注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()-->方法调用-->立即执行 2.js文件:网页外专门保存js...
9.33 双击单元格变为可编辑 9.34 鼠标经过表格时列变色 9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和...
9.33 双击单元格变为可编辑 9.34 鼠标经过表格时列变色 9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和...
2-1 使用Select方法 12 2-2 使用Activate方法 12 2-3 使用Goto方法 12 技巧3 获得指定行、列中的最后一个非空单元格 12 技巧4 定位单元格 12 技巧5 查找单元格 12 5-1 使用Find方法 12 5-2 使用Like运算符 12 技巧6 ...
2-1 使用Select方法 15 2-2 使用Activate方法 16 2-3 使用Goto方法 17 技巧3 获得指定行、列中的最后一个非空单元格 17 技巧4 定位单元格 20 技巧5 查找单元格 21 5-1 使用Find方法 21 5-2 使用Like运算符 25 技巧6 ...
2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7. jsp如判别一个字符在A到Z之间? 8. 得到一...
-修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...
主要介绍了 VisualBasic6.0 系统的基础知识,程序设计的常用函数、程序设计语句、数组,简单介绍了面向对象程序设计的基本概念,详细介绍了基本控件、对话框、图形、菜单等设计方法,多文档界面、工具栏、状态栏的...
-重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...
6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放...
6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放...
在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7. jsp如判别一个字符在A到Z...
6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放...
6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放...
6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放...
6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放...
8.3.3 让组件实现浮动功能:ext.util.floating / 420 8.3.4 记录组件状态:ext.state.stateful / 420 8.3.5 实现调整大小功能:ext.resizer.resizer与ext.resizer.resizetracker / 420 8.3.6 为组件提供拖动功能...