87,922
社区成员
发帖
与我相关
我的任务
分享
$(document).ready(function() {
var divObj = $("#divShow");
var txtObj = $("#txtSelect");
//点击文本框事件
$("#txtSelect").bind("click", function() {
//如果divObj已经展开则返回
if (divObj.is(":visible")) {
return;
}
//如果未展开,则显示
//获取txt的坐标
var txtOffset = $(this).offset();
var left = txtOffset.left;
var top = txtOffset.top + $(this).outerHeight();
//将div移动到txt的下方
divObj.offset({ left: left, top: top });
divObj.show();
});
});
<input type="text" class="MultiSelectorInput" id="txtSelect" />
<div id="divShow" style="border-style: solid; border-color: Red; width: 100px; height: 100px;
display: none; position: absolute">
123
<input type="button" id="btnClose" value="close" />
</div>