我有一个打开项目窗口的对话框。我想选择一个项目点击Add
将该项目的 id 附加到 div 中,然后我可以将其提交到数据库。我在警报中获取了 id,但没有附加任何内容。我想附加到 Add
单击按钮,但只是尝试单击 li
这也不起作用。
对话框选项
$('.ITA').dialog({
autoOpen: false,
draggable: true,
width: 450,
resizable: false,
dialogClass: "ui-dialog",
modal: true,
show: { effect: 'fade', duration: 200 },
buttons: [{
id: "AddToAddPage",
text: "Send Trade",
click: function () {
// on close the item selected is added to `div ITA`
//$(this).dialog("close");
});
获取<li>
单击并附加到 div ITA
$(".ITA").on("click", "li", function () {
//get div
var div = $("#DivToAddTo");
//get id of item
var itemtoadd = $(this).attr("data-id");
alert(itemtoadd);//for debug
//apendTo?
$(itemtoadd).appendTo(div);
});
所选项目应放置的 View
@model IEnumerable<Item>
@{
ViewBag.Title = "Tradepage";
}
<div id="Item">
@foreach (var item in Model)
{
<ul>
<li>
@Html.DisplayFor(modelItem => item.ID)
</li>
<li>
@Html.DisplayFor(modelItem => item.item_name)
</li>
<li>
@Html.DisplayFor(modelItem => item.item_description)
</li>
</ul>
}
</div>
<div id="AddNav">
<a class="AllItemsBtn" href='@Url.Action("GetItemsToAdd")' >Add File...</a>
<a class="SubmitAdds" href="#" >Submit</a>
</div>
<div class = "ITA"></div>
<div id = "AddedItems">Added items go here</div>
查看项目所在位置
@foreach (var item in Model)
{
<ul>
<li data-id = "@item.ID">
@Html.DisplayFor(modelItem => item.ID)
</li>
<li>
@Html.DisplayFor(modelItem => item.item_name)
</li>
<li>
@Html.DisplayFor(modelItem => item.item_description)
</li>
</ul>
}
<div id="addItemBtn">
<button id="AddToAPage">Add</button>
<p><a id="AddToAdd" href="#">Add</a></p>
</div>
最佳答案
替换
$(itemtoadd).appendTo(div);
与:
div.text(itemtoadd);
这应该用所选的 id 更新 div 的内容。这是一个简单的例子:jsFiddle 。单击列表项之一即可查看更新的 ID。
关于javascript - id 字段未附加到 div mvc 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18412042/