在视图中更新列表 Asp.net mvc razor

【问题标题】：Updating list in view Asp.net mvc razor在视图中更新列表 Asp.net mvc razor
【发布时间】：2016-05-25 11:27:25
【问题描述】：

我在一个视图中有 2 个列表。我想要做的是从 list1 中选择元素，并在每次我选择一个时使用所选元素更新 list2。我尝试使用PartialView（我不知道这是否正确）但我失败了。我在控制器中有一个函数，它通过选定的项目填充列表。需要做的是动态更新视图。你能给我推荐一个路线图吗？

更新

我忘了说我是用 javascript 完成的。但我觉得在某些验证（检查重复等）方面还有很长的路要走。

$(document).ready(function (){
    $("#allPlayersList a").on("click", function () {
        var options = $(this).clone();
        $("#thisWeekList").append(options);
    });
});

【问题讨论】：

如果这个答案有帮助，请点击旁边的灰色勾号将其作为答案。

标签： asp.net-mvc razor asp.net-mvc-partialview

【解决方案1】：

只需创建一个 html 列表。看看这个链接是否有帮助。 https://codepen.io/alexander-holman/pen/QNQrvz。您还可以从数据库中填充值然后你可以像这样通过javascript获取选定的元素

var input = document.getElementById('Something').value;

编辑问题后更新

你可以试试

var listSelection = document.getElementById('Something').value;

现在您可以在后端创建一个 api，它接受这个值并基于它返回一个列表。像这样调用那个 Api

&.ajax({
      url: //url of api
      data: {exactNameOfApiParameter : listSelection  },
      success: function(data){

        for (i = 0; i < data.length; i++) { 
             $('<li>', { text: data[i] }).appendTo($('#list2'));
        }
      }
})

确保第二个列表的 id 是 list2。

【讨论】：