WEB里可以输入的DropDownList

来源：互联网发布：2017年物流行业数据编辑：程序博客网时间：2024/06/03 02:53

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<TITLE></TITLE>
<style>
.clsdiv{height:20px;padding:0px;border:1px solid #7F9DB9;border-right:0px;border-bottom:1px solid #7F9DB9;font-size:9pt;}
</style>
<body>
<form name='form1' onclick="">
<script language="javascript">
//Make Table
function   createTable()
{
var akey=event.keyCode;
if (akey==13)
     {
     return;
     }
if (document.all.mydiv)
     {
         if (akey)
         {
         document.all.mydiv.parentNode.removeChild(mydiv);
         }
        else
            {
            return;
         }
}
str=new makeArray("hello", "hel", "isi","isic","world","old");//Array

var vDiv = document.createElement("DIV");//Make Div
vDiv.id="mydiv"
vDiv.style.borderColor="#564500";
vDiv.style.border="2";

vDiv.style.width="170";
vDiv.style.visibility='hidden';

document.body.appendChild(vDiv);//insert Div

var vTable=document.createElement("table");//Make Table
//Tdのプロパティ
vTable.id='mytb';
vTable.cellPadding="0";
vTable.cellSpacing="0";
vTable.width="100%";

vTable.color="#12ffff";
vTable.borderColorDark="#564500";
vTable.borderColorLight="#FFFFFF";

for(j=0;j<str.length;j++)
{
var   vTr=vTable.insertRow(j);
//Trのプロパティ
vTr.id="myTr";
vTr.onmouseover=function(){this.style.backgroundColor='#316AC5';}
vTr.onmouseout=function(){this.style.backgroundColor='';}
vTr.onclick=function(){document.all.sv.innerText=this.innerText;}

vTd=vTr.insertCell(0);//insert Td
if (document.all.sv.value!="")
{
var strsv=document.all.sv.value;
try
   {
   str[j].search(strsv);
   }
catch(err)
   {
   return;
   alert(err);
   }

if(str[j].search(strsv)!=-1)
   {
       vTd.innerHTML="<p>"+str[j]+"</p>";
   }
}
else
   {
    vTd.innerHTML="<p>"+str[j]+"</p>";
   }
}

     vDiv.appendChild(vTable);
     }
     function   mouseDown()
     {
     if(event.button==2)
     {
     if(event.srcElement.tagName=="INPUT")
     {
     window.confirm(event.srcElement.value);
     }
     }

}

//DIV visibility
function al()
{
var akey=event.keyCode;
if (akey==13)
{
return;
}
if (document.all.mydiv.style.visibility=='visible')
{
document.all.mydiv.style.visibility='hidden';
}
else
{
document.all.mydiv.style.visibility='visible'
var str=document.getElementById('sv').value;
}
}
//click other
function clickE()
{
if(window.event.srcElement.id !='dd')
{
if (document.all.mydiv)
{
document.all.mydiv.style.visibility='hidden';
document.all.mydiv.parentNode.removeChild(mydiv);
}
}
}
document.onclick = clickE

    //Make Array
function makeArray()
     {

for (var i=0; i < arguments.length; i++)

this[i] = arguments[i];

this.length = arguments.length;

}

</script>
<input id=sv name='sv' type=text width=300 onkeyup="createTable();al();">
<input id=dd type=button value="V" onclick="createTable();al();">

</form>
</BODY>
</HTML>