真正的可编辑的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>