现在的位置: 首页 > 综合 > 正文

可随文本变化而出现不同选择项的文本框+下拉列表选择

2013年03月16日 ⁄ 综合 ⁄ 共 3079字 ⁄ 字号 评论关闭
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.table1
{background-color:white;FONT-FAMILY: Courier New, Courier;font-size:12px}
.td_out
{FONT-FAMILY: Courier New, Courier;font-size:12px;color:#000000;height:15px;border:1 solid #ffffff;}
.td_over
{FONT-FAMILY: Courier New, Courier;font-size:12px;cursor:default;background-color:#3366cc;border:1 solid #000000;color:#ffffff;height:15px}
.slv
{vertical-align:bottom;FONT-FAMILY: Courier New, Courier;font-size:12px;border-left-width:0;border-top-width:0;border-bottom-width:0;border-right:0 solid #000000;vertical-align:middle;height:18px;color:#000000;}
.down
{position:relative;left:-2px;font-size:11px;vertical-align:middle;width:16;height:16;color:#2050b0;background-color:#D0DFF7;border:1 solid #9fA3Ce;writing-mode:tb-rl;font-weight:bold;
}

.seldiv
{
position
:absolute;z-index:1000;overflow-x:hidden;border-left:1 solid #000000;border-bottom:1 solid #000000;border-right:1 solid #000000;
SCROLLBAR-FACE-COLOR
: #d0dff7; 
SCROLLBAR-HIGHLIGHT-COLOR
: #d0dff7; 
SCROLLBAR-SHADOW-COLOR
: #FFFFFF; 
SCROLLBAR-3DLIGHT-COLOR
: #FFFFFF; 
SCROLLBAR-ARROW-COLOR
: #ffffff; 
SCROLLBAR-TRACK-COLOR
: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR
: #d0dff7;}

</style>
<script language="javascript">
document.onclick
=hiddenDiv;
function getDivCount() {
var arr=document.all; 
re
=0;
for (i=0;i<arr.length;i++{
  str
=arr[i].id;  
  
if (str.indexOf("ZfDiv_")==0{   
   re
++;  
  }

}
 
return re;
}


function getI(ObjId) {//取得objId的最后一位数字
for (i=0;i<ObjId.length;i++{
  
if (ObjId.charAt(i)=="_"return ObjId.substr(i+1,ObjId.length-1);
}

return 0;
}


function select_edit(TextObj){//鼠标经过高亮度 
TextObj.focus();
//TextObj.select();
}


function checkValue(ID){   
var sl=document.all["ZfText_"+ID]; 
var sv=document.all["ZfDiv_"+ID];
var da=document.all["ZfData_"+ID];   
sv.style.display
='';

for(i=0;i<da.rows.length;i++)da.rows[i].style.display='';

for(i=0;i<da.rows.length;i++){
  
if(da.rows[i].cells[0].innerText.indexOf(sl.value)!=0)da.rows[i].style.display='none';
  getPosition(ID);
}
 
}


function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
  l
+=e.offsetLeft;
}

return l;
}

function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
  t
+=e.offsetTop;
}

return t;
}


function getPosition(ID)
var sv=document.all["ZfDiv_"+ID];
var sl=document.all["ZfText_"+ID];
var spn=document.all["ZfSpan_"+ID];
var da=document.getElementById("ZfData_"+ID);
sv.style.pixelWidth
=spn.offsetWidth;
da.style.pixelWidth
=sv.offsetWidth;
sv.style.pixelLeft
=getL(spn);
sv.style.pixelTop
=getT(spn)+sl.offsetHeight+3;
if(da.offsetHeight>200){
  sv.style.pixelHeight
=200;
  sv.style.overflowY
='scroll';
}

else {
  sv.style.pixelHeight
=da.offsetHeight;
  sv.style.overflowY
='hidden';
}

}


function dropDown(ID)
var sv=document.all["ZfDiv_"+ID];
var tb=document.all["ZfData_"+ID];

if(sv.style.display=='none'){  
  sv.style.display
='';  
  
for(i=0;i<tb.rows.length;i++)tb.rows[i].style.display=''
  getPosition(ID);  
}
 else {  
  sv.style.display
='none';
}

}
//下拉摸拟层

function hiddenDiv(){
var o=window.event.srcElement.id;
var tb ;
var sv ;
if(o==""{
  
for (j=0;j<getDivCount();j++{

抱歉!评论已关闭.