<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <input class="Snput" Data="1 test,2 test,3 test,4 test" name="input1111.uuuuu" > <input name="input2222.kkkkk" > <mce:script language="JavaScript"><!-- window.onload = function(){ var _objs=document.getElementsByTagName("input"); for (i=0;i<_objs.length ;i++ ){ if (_objs[i].className=="Snput"&&_objs[i].name!=""){ _objs[i].id=_objs[i].name; if(_objs[i].addEventListener){ _objs[i].addEventListener("focus",onfocusFn,false); }else{ _objs[i].attachEvent("onfocus",function(){onfocusFn(event.srcElement.id);}); _objs[i].attachEvent("onblur",function(){onblurFn(event.srcElement.id);}); } if(!document.getElementById("Snput"+_objs[i].id)){ var varTempNode=document.createElement("select"); varTempNode.id="Snput"+_objs[i].id; varTempNode.style.position="absolute"; varTempNode.style.display="none"; varTempNode.multiple=true; varTempNode.style.top=_objs[i].offsetTop+_objs[i].offsetHeight+1; varTempNode.style.left=_objs[i].offsetLeft; varTempNode.style.width=_objs[i].offsetWidth; if(varTempNode.addEventListener){ varTempNode.addEventListener("focus",onfocusFn,false); }else{ varTempNode.attachEvent("onfocus",function(){onfocusFn(event.srcElement.id);}); varTempNode.attachEvent("onblur",function(){onblurFn(event.srcElement.id);}); varTempNode.attachEvent("onchange",function(){onchangeFn(event.srcElement.id);}); } if (_objs[i].Data){ for (j=0;j<_objs[i].Data.split(",").length ;j++ ){ varTempNode.options[j] = new Option(_objs[i].Data.split(",")[j]); } document.body.appendChild(varTempNode); varTempNode=null; } } if(!document.getElementById("InputSnput"+_objs[i].id)){ var varTempNodeInput=document.createElement("input"); varTempNodeInput.style.display="none"; varTempNodeInput.id="InputSnput"+_objs[i].id; document.body.appendChild(varTempNodeInput); varTempNodeInput=null; } } } } function onfocusFn(id){ var obj=document.getElementById(id); if (obj.id.substring(0,5)!="Snput"){ obj=document.getElementById("Snput"+id); } if (obj){ obj.style.display=""; } } function onblurFn(id){ if (id.substring(0,5)!="Snput"){ var obj=document.getElementById(id); var obj2=document.getElementById("Snput"+id); }else{ var obj=document.getElementById(id.substring(5,id.length)); var obj2=document.getElementById(id); } if (document.activeElement.id!=obj.id&&document.activeElement.id!=obj2.id){ obj2.style.display="none"; } } function onchangeFn(id){ if (id.substring(0,5)!="Snput"){ var obj=document.getElementById(id); var obj2=document.getElementById("Snput"+id); var obj3=document.getElementById("InputSnput"+id); }else{ var obj3=document.getElementById("InputSnput"+id.substring(5,id.length)); var obj=document.getElementById(id.substring(5,id.length)); var obj2=document.getElementById(id); } obj3.value=obj2.value; obj.value=obj2.options[obj2.selectedIndex].text; obj2.style.display='none'; } // --></mce:script> </body> </html>