163のメールアドレス入力とドロップダウン自動表示の真似（最適化なし）_javascriptスキル

コードをコピー コードは次のとおりです:

"http://www.w3.org/TR/html4/loose.dtd"> ;

<頭>





<スクリプト言語="javascript">
/*
author:moonboy
この例では、onKeyUp イベントを使用して、入力されたデータを取得できます。データ（理由はわかりません）。
*/
//var ns = String.fromCharCode(event.keyCode);
関数ドロップリスト(){
var np=event.keyCode;
if(np==38||np==40){
}
var textv = document.getElementById("drop").value; //取得文本框内の值
textv=textv.toLowerCase(); //全部转成小写
var user = new Array();//初期化数組用に保存される储页面列表值の集合
var sortUser = new Array();//排序後の数組
var resultuser = new Array();//前台に出力される数組
var vv = document.getElementsByName("hv");//页面の值
var vvl= vv.length;//页面の数組長さ
//付值は页面から取得した集合をユーザー数組に投入します
for(var i=0;iuser[i]=vv[i].value ;
}
sortUser = user.sort();//对数組排序
var rs =new Array();//開始初化符合查询条件の数組
var temp;
var c=0;//符合条件の数組数
for(var j=0;jtemp=queryWord(textv,sortUser[j]);//调用queryWord関数数，计算出符合条件的值
if(temp==""){
Continue;
}else{
//temp=getSelect(textv,temp);
rs[c]="" getSelect(textv,temp) "";
c;
}
}
resultuser=rs.join("");// 将书组データ隔区符设は换行符
if(textv.length==0){
resultuser ="";
}
document.getElementById("p").innerHTML="" resultuser "";// 指定された領域にデータを印刷します
}
function getSelect(obj,objtext){
var ol= obj.length;
変数;
obj=objtext.substring(0,ol);
res=""オブジェクト「」 objtext.substring(ol,objtext.length);
応答を返します;
}
function alterBg(j,i){//改下拉列テーブルネズミ标イベント颜色
var o = document.getElementById('al' j);
if(i==0)
o.style.backgroundColor ="#FFFFEE";
else if(i==1)
o.style.backgroundColor ="#eeeeee";
}
function onV(j){// 取得下拉列表点击值
var o = document.getElementById('al' j).innerHTML;
o=o.replace("","");
o=o.replace("","");
document.getElementById('drop').value=o;
}
function queryWord(para,str){//この関数は条件に応じた結果です
var r;
r=str.search(para);
if(r==0){
return str;
}else{
return "";
}
}
function Search(textv,str){///测试用関数数この例では
//var textv = document.getElementById("drop").value; を使用しません。
var r,result;
r = str.search(textv); // 付録量。 // 查找文字列。
str=str.slice(r,-1);
document.getElementById("p").innerHTML=str.substring(0,str.indexOf(" "));
結果=str.substring(0,str.indexOf(""));
結果を返します。
// ブール値の結果を返します。
}
var i=0;
var k;
関数changeTable(){
var selectLength;
selectLength=document.getElementsByName("tv").length;
document.getElementById("opp").innerHTML=selectLength;
var keyvalue=event.keyCode;
if(selectLength>0){
if(keyvalue==40){
k=i;
私;
}
else if(keyvalue==38){
k=i;
i--
};
if(i<0){
i=selectLength-1;
}else if(i>selectLength-1){
i=0;
}
var m = "al" i;
var n ="al" k;
if(selectLength==1){
var p = document.getElementById(m);
p.style.backgroundColor="#ffffee";
}else{
if(i>=0 && ivar p = document.getElementById(m);
p.style.backgroundColor="#ffffee";
}
if(k>=0 && kvar h = document.getElementById(n);
h.style.backgroundColor="#eeeeee";
}
if(keyvalue==13){
onV(i);
}
}
}
}
functionloadDiv(){
div1.style.visibility="show";
div2.style.visibility="表示";
}
function showBody(){
var div1 = document.getElementById('Layer1');
var div2 = document.getElementById('Layer2');
div1.style.visibility="非表示";
div2.style.visibility="hidden";
}

<表 align="center" width="50%" height="70" cellpadding="0" bgcolor="#FFFFFF" cellpacing="0" >

点击这里、親愛なる Gee_gee へ(Moontoucher の UI マネージャー)

仿163输入邮件地址自动显示下拉列表（献给最亲爱的gee_gee）