js 点击input弹出选择框

定义选择框html

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>&nbsp;\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>&nbsp;\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);

点击input相应方法

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";
	}

html内容

<input type='text' onclick="_SetTime(this,event)"/>