Поле id не добавляется к div mvc 4

У меня есть диалог, который открывает окно с элементами. Я хочу, чтобы выбрать элемент, нажмите " Add, чтобы этот элемент был добавлен в div, где я могу отправить его в db. Я получаю идентификатор в сообщении, но ничего не добавляется. Я хочу добавить на кнопку " 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");

 });

получить

  • нажал и добавить в 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); 
     });

    Представление, в котором должны отображаться выбранные элементы

    @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 href="@Url.Action(" getitemstoadd")"="" target="_blank">Add File...</a>
     <a href="#" target="_blank">Submit</a>
     </div>
    
     
    
     <div id="AddedItems">Added items go here</div>
    </item>

    Просмотр, где находятся элементы

    @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="#" target="_blank">Add</a></p>
     </div>
  • 1 ответ

    замещать

    $(itemtoadd).appendTo(div);

    С:

    div.text(itemtoadd);

    Это должно обновить содержимое div с выбранным идентификатором. Вот простой пример: jsFiddle. Нажмите на один из элементов списка, чтобы увидеть обновленный идентификатор.

    licensed under cc by-sa 3.0 with attribution.