如何在按钮点击上添加div?

时间:2015-07-29 03:42:43

标签: jquery html asp-classic

我有一个按钮“添加”点击按钮它应该显示两个文本框和两个图像,点击图像日历弹出发生。问题是我点击添加按钮没有任何反应。任何人teel我做错了。请尽可能提供一个例子,是否可以在javascript而不是jquery.thanks提前做到这一点

这就是我试过的

$("#btnAddAddress").click(function () {
    var addelement=$('<div class= "one"> <table> <tr> <td> <asp:Label ID="lblStartDate" runat="server" Text="Start Date"> </asp:Label> </td> <td> <asp:TextBox ID="txtStartDate" runat="server" ></asp:TextBox> <asp:HyperLink ID="hypCalenStart" runat="server" ImageUrl="~/images/ico-cal.gif"> </asp:HyperLink> <ajax:CalendarExtender ID="StartDatePicker" runat="server" PopupButtonID="hypCalenStart" TargetControlID="txtStartDate"  SelectedDate= "<%# Datetime.Today()%>" Format="MM/dd/yyyy"> </ajax:CalendarExtender> </td> <td> <asp:Label ID="lblEndDate" runat="server" Text="End Date"></asp:Label></td></tr></table></div>');
    $(this).after(addelement);
});
<div class="button">
    <input type="button" id="btnAddAddress" name="btnAddAddress" value="Add"  />
</div>
  

错误:无法获取属性'_behaviors'的值:object为null或undefined

1 个答案:

答案 0 :(得分:1)

嗯,你可以做的一件事是添加一个通过CSS定义的类......对于你的特定情况,你可以添加这样的东西:

$("#btnAddAddress").click(function(){
    $("#times").removeClass("hidden");
    $("#times").addClass("one");
});

[...]

<style>
.hidden {
    display: none;
}
</style>

然后,在您的页面中,将ID“times”添加到您要显示的div,并将其初始化为“hidden”类而不是“one”(“hidden”替换为当你点击按钮时)...这有点简单,但它应该有用。

display功能here