js 点击input弹出选择框

[size=large][color=red]定义选择框html[/color][/size]

var str = "";
document.writeln("<div id=\"_contents1\" style=\"padding:8px;width:220px; background-color:#FFFFFF;border: 0 none; margin: 0 0 0 -1px; font-size: 12px; border: 1px solid #DADADA; position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden\">");
str += "\u65e5<select id=\"_day1\">";
for (i = 1; i <= 9; i++) {
str += "<option value=\"0" + i + "\">0" + i + "</option>";
}
for (i = 10; i <= 30; i++) {
str += "<option value=\"" + i + " \">" + i + "</option>";
}
str += "</select> \u65f6<select id=\"_hour1\">";
for (h = 1; h <= 9; h++) {
str += "<option value=\"0" + h + "\">0" + h + "</option>";
}
for (h = 10; h <= 23; h++) {
str += "<option value=\"" + h + " \">" + h + "</option>";
}
str += "</select> \u5206<select id=\"_minute1\">";
for (m = 1; m <= 9; m++) {
str += "<option value=\"0" + m + "\">0" + m + "</option>";
}
for (m = 10; m <= 59; m++) {
str += "<option value=\"" + m + "\">" + m + "</option>";
}
str += "</select> <input name=\"queding\" type=\"button\" onclick=\"_select1()\" value=\"\u786e\u5b9a\" style=\"font-size:12px\" /></div>";
document.writeln(str);


[color=red]点击input相应方法[/color]


function _SetTime(tt) {

_fieldname = tt;
var ttop = tt.offsetTop; //TT控件的定位点高
var tleft = tt.offsetLeft; //TT控件的定位点宽
while (tt = tt.offsetParent) {
ttop += tt.offsetTop;
tleft += tt.offsetLeft;
}
var contents
if(cui("#execTimeCompany").getValue()==1){
document.getElementById("_contents").style.visibility = "";
document.getElementById("_contents1").style.visibility = "hidden";
contents= document.getElementById("_contents");
}else if(cui("#execTimeCompany").getValue()==2){
document.getElementById("_contents").style.visibility = "hidden";
document.getElementById("_contents1").style.visibility = "";
contents= document.getElementById("_contents1");
}else{
document.getElementById("_contents").style.visibility = "hidden";
document.getElementById("_contents1").style.visibility = "hidden";
return;
}

contents.style.top = ttop +22+"px";
contents.style.left = tleft+2+"px";
contents.style.visibility = "visible";
}


[size=large][color=red]html内容[/color][/size]


<input type='text' onclick="_SetTime(this,event)"/>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值