可输入的select改进版本,同一页面可有多个list,调用接口简化[2]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 zf4000 的 blog

 obj.title=obj.innertext
 obj.focus();
}//鼠标经过变色

function out(obj){
 obj.classname="td_out"
}//鼠标离开还原

function string.prototype.trim(){return this.replace(/(^\s*)|(\s*$)/g,'')}//自定义去空格函数trim()


//增加list的接口,id表示该组控件是页面中的第几个
function add(v,id){
var sv=document.all['zfdiv_'+id];
if(!v.trim()){return;}
var tb=document.all['zfdata_'+id];
var c=tb.insertrow(tb.rows.length).insertcell();
c.innerhtml='<nobr>'+v.trim()+'</nobr>';
c.onmouseover=new function("over(this)");
c.onmouseout=new function("out(this)");
c.onclick=new function("setvalue(this)");
c.classname="td_out";
v='';
}
//增加inpnubox的接口,在页面中产生一个inputbox控件,下拉列表为空
function addtext(name,defvalue) {
 var i=getdivcount();
 document.write('<span id="zfspan_'+i+'" style="border:1 solid #9ca0cb">');
 document.write('<input type="text" value="'+defvalue+'" name="'+name+'" id="zftext_'+i+'" ondblclick="zfdrop_'+i+'.click()" class="slv" onmouseover="select_edit(this)"  onkeyup="checkvalue('+i+')"><input type=button id="zfdrop_'+i+'" value=">" onclick="this.hidefocus=true;dropdown('+i+');" class="down" onmouseover="this.style.backgroundcolor=#eef3fd" onmouseout="this.style.backgroundcolor=\'\'" onmousedown="this.style.backgroundcolor=#abc4f5" onmouseup="this.style.backgroundcolor=\'\'"></span>');
 document.write('<div id="zfdiv_'+i+'" class="seldiv" style="display:none;"><table id="zfdata_'+i+'" onselectstart="return false" border="0"  cellspacing="0" cellpadding="0" class="table1"></table></div>');
}

 

</script>
</head>
<body>

<script language="javascript">
addtext("name1","a");
add("1234",0);
add("1234",0);
addtext("name1","a");
add("1234",1);
add("1234",1);
</script>
</body>

本文关键:javascript,select,可输入
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top