object.click()具有模拟鼠标单机的功能
参考如下代码:
<input type=checkbox id=cc>
function plays()
{
cc.click();
}
当checkbox的时候没有问题,但是select好像不好用,我正在试,楼主也一起试试,成功了请告诉我哈~~~
参考如下代码:
<input type=checkbox id=cc>
function plays()
{
cc.click();
}
当checkbox的时候没有问题,但是select好像不好用,我正在试,楼主也一起试试,成功了请告诉我哈~~~
<TBODY>
<TR>
<TD><INPUT value="模拟下拉"
style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #ff6600"
size=10 name=iData readonly></TD>
<TD><INPUT style="color:#0000ff;BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #000000 0px solid; WIDTH: 20px; CURSOR: hand; LINE-HEIGHT: 5px; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Webdings; HEIGHT: 20px" onclick=showSel() type=button value=6></TD></TR>
<TR>
<TD colSpan=2>
<script language=javascript>
str="<SELECT id=qswh style='DISPLAY: none; POSITION: absolute; BACKGROUND-COLOR: #ff6600' onchange=selText(iData) size=8>"
for(i=1;i<51;i++)str=str+"<option>下拉项目第"+i+"</option>";
str=str+"</select>"
document.write(str);function showSel(){
document.all.qswh.style.display=(document.all.qswh.style.display=="none"?"":"none")
window.event.cancelBubble=true;
}
function selText(obj){
obj.value=(document.all.qswh.options[document.all.qswh.selectedIndex].text)
//showSel(false)
}
</script>
</TD></TR></TBODY></TABLE>这是个装饰过的select
那个蓝三角按钮是个独立的按钮button
橙色的框是只读的textselect中的size=8表示最长显示8行(超出的用滚动条),可以改成自己要的行数。
蓝三角按钮所用的字体是FONT-FAMILY: Webdings(系统中的一种图形字体)
如果发生错位,可以把这个下拉框连同表格放入到一个<div>中