JavaScript 經典代碼（7）

<SCRIPT LANGUAGE="JavaScript">
/*
All Files are Designed & Writen by Windy_sk, you can use it freely but ...
YOU MUST KEEP THIS ITEM !
Email: <a href="mailto:windy_sk@126.com">windy_sk@126.com</a>
*/

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">Address</option>
</select>
</center>