집 >웹 프론트엔드 >JS 튜토리얼 >163 이메일 주소 입력 및 드롭다운 자동 표시(최적화 없음)_javascript 기술 모방

163 이메일 주소 입력 및 드롭다운 자동 표시(최적화 없음)_javascript 기술 모방

WBOY원래의: 2016-05-16 18:59:041200검색

코드 복사 코드는 다음과 같습니다.

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

<머리>

20060427163 시뮬레이션

<스크립트 언어="javascript">
/*
작성자:moonboy
本例中采用onKeyUp事件方可将录入的数据取到。현재onKeyDown,onKeyPress事件时只是는 录入第2个数据时才能取到第一个数据(이유는 모르겠습니다)。
*/
//var ns = String.fromCharCode(event.keyCode);
함수 droplist(){
var np= event.keyCode;
if(np==38||np==40){
}
var textv = document.getElementById("drop").value; //텍스트v=textv.toLowerCase(); //전체 기능 구성
var user = new Array();//初始化数组用来存储页face列表值적集합
var sortUser = new Array();//排序后的数组
var resultuser = new Array();//출시 전의 데이터
var vv = document.getElementsByName("hv");//페이지의 페이지
var vvl= vv.length;//페이지의 페이지 수 속도
//付值将从页face取到的集合放入user数组
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==""){
계속;
}else{
//temp=getSelect(textv,temp);
rs[c]="" getSelect(textv,temp) "";
ㄷ ;
}
}
resultuser=rs.join("");//将书组数据分隔符设为换行符
if(textv.length==0){
resultuser ="";
}
document.getElementById("p").innerHTML="" resultuser "

";//将数据打印到指定区域
}
function getSelect(obj,objtext){
var ol= obj.length;
var res;
obj=objtext.substring(0,ol);
res="" obj "" objtext.substring(ol,objtext.length);
해상도 반환;
}
function alterBg(j,i){//改变下拉列表鼠标事件颜color
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; // 声明变weight。
r = str.search(textv); // 查找字符串。
str=str.slice(r,-1);
document.getElementById("p").innerHTML=str.substring(0,str.indexOf(" "));
result=str.substring(0,str.indexOf(""));
반환 결과;
// 返回 Boolean 结果。
}
var i=0;
var k;
functionchangeTable(){
var selectLength;
selectLength=document.getElementsByName("tv").length;
document.getElementById("opp").innerHTML=selectLength;
var keyvalue=event.keyCode;
if(selectLength>0){
if(키값==40){
k=i;
나는 ;
}
else if(키값==38){
k=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);
}
}
}
}
함수 loadDiv(){
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="숨김";
}

<본문>

성명：

이전 기사：js Clip의 기발한 텍스트 접합 effect_javascript 기술다음 기사：js Clip의 기발한 텍스트 접합 effect_javascript 기술

163 이메일 주소 입력 및 드롭다운 자동 표시(최적화 없음)_javascript 기술 모방

관련 기사