真正的可编辑的Select,各个选项option可增、删、添、改
来源:互联网 发布:酷乐视 q6 软件 编辑:程序博客网 时间:2024/05/21 17:19
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<SCRIPT LANGUAGE="JavaScript"> /*
All Files are Designed & Writen by Windy_sk, you can use it freely but ...
YOU MUST KEEP THIS ITEM !
Email: seasonx@163.net
*/
function Modi_Sel(the_Sel,Max){
End_Edit();
the_Sel.onclick = new Function("event.cancelBubble=true");
the_option = the_Sel[the_Sel.selectedIndex];
if(typeof(the_option.attributes.readonly)!="undefined")return;
MaxLength = Max;
Start_Edit();
function Start_Edit(){
document.onkeypress = Change_value;
document.onkeydown = function(){if(event.keyCode==8 || event.keyCode==37)the_option.value = the_option.text = the_option.text.slice(0,-1);}
document.onclick = End_Edit;
the_option.runtimeStyle.backgroundColor = "highlight";
the_option.runtimeStyle.color = "white";
the_Sel.blur();
window.focus();
}
function End_Edit(){
if(typeof(the_option)=="object")the_option.runtimeStyle.backgroundColor = "", the_option.runtimeStyle.color = "";
document.onkeypress = null;
document.onkeydown = null;
document.onclick = null;
the_Sel.focus();
}
function Change_value(){
var keycode = event.keyCode;
var realkey = String.fromCharCode(keycode);
if(the_option.text.length>=MaxLength) return;
if(keycode == 13)
End_Edit();
else
the_option.value = the_option.text = the_option.text + realkey;
}
}
</script>
<center>
<select onChange="Modi_Sel(this,9)">
<option readonly>Selection</option>
<option value="Name">Name</option>
<option value="Sex">Sex</option>
<option value="Age">Age</option>
<option value="Email">Email</option>
<option value="Address">corange.cn</option>
</select>
</center>
- 真正的可编辑的Select,各个选项option可增、删、添、改
- 可编辑的select 框
- HTML可编辑的select
- TEXT + SELECT(可编辑的select)
- 实现可编辑的select,,学会变通
- 可编辑的select框实验
- Angular2 可编辑的(editable)select
- 可编辑的select下拉框
- 可编辑ztree节点的增删改功能图标控制
- select 可编辑
- 可编辑的表头
- 可编辑的CListCtrl
- 可编辑的表格
- 可编辑的grid
- 可编辑的TableView
- 可编辑的CListCtrl
- 可编辑的表格
- 可编辑的TD
- java类Timer和TimerTask的使用
- 心理元年 心理咨询再掀热潮
- EasyJWeb-1.0 m3倾情发布
- 带图片的Select
- 用CMarkup类解析XML文档
- 真正的可编辑的Select,各个选项option可增、删、添、改
- progress变量的属性以及显示
- EasyJWeb国际化体验
- EL表达式
- ASP格式化日期的函数(输出13种样式)
- 如何查询ACCESS数据库中上一时间段的所有记录
- asp.net 上传图片(字节)到mysql数据库
- EasyjWeb中日志的配置详解
- 磁珠