我正在使用我的数据库中的数据构建一个可编辑的表单,这需要使用 ASP.NET 控件。我在 HTML 中得到了这个工作,但是当我添加 .NET 部分时,我被卡住了。
情况如下:我在页面上显示了一个标签,其下方有一个编辑按钮。应该发生的是,一旦按下编辑按钮,标签就会变成一个 .NET 下拉列表,其中包含来自数据库的数据。用户单击保存后,下拉列表将返回显示所选值的标签。
我的问题是,当您单击编辑按钮时,下拉列表永远不会出现。
这是代码:
.ASCX
<li>
Campus
<br />
<span class="datainfoDropdown">
<strong>
<asp:Literal ID="CampusAttended" runat="server" ClientIDMode="Static"/>
</strong>
<asp:DropDownList ID="ProfileCampusDropDown" runat="server" ClientIDMode="Static" style="display:none;" ></asp:DropDownList>
</span>
<a href="#" class="editlinkDropdown">Edit Info</a>
<a class="savebtnDropdown">Save</a>
</li>
Javascript
$(".editlinkDropdown").on("click", function (e) {
e.preventDefault();
var datasets = $(this).prevAll(".datainfoDropdown");
var savebtn = $(this).next(".savebtnDropdown");
datasets.each(function () {
var theid = $(this).attr("id");
var currval = $(this).text();
var dropDown = $('#ProfileCampusDropDown').html();
$('.datainfoDropdown').html(dropDown);
});
$(this).css("display", "none");
savebtn.css("display", "block");
});
$(".savebtnDropdown").on("click", function (e) {
e.preventDefault();
var elink = $(this).prev(".editlinkDropdown");
var datasets = $(this).prevAll(".datainfoDropdown");
datasets.each(function () {
var newid = $(this).attr("id");
var einput = $("#" + newid + "-form");
var newval = $('#ProfileCampusDropDown :selected').text();
//einput.remove();
$(this).html('<strong>' + newval + '</strong>');
});
$(this).css("display", "none");
elink.css("display", "block");
});
如何让我的编辑按钮显示下拉列表?