ビュー内のリストを更新するAsp.net mvc razor

Question

ビューに2つのリストがあります。私がしたいのは、リスト1の要素を選択し、選択した要素をリスト2を更新するたびに更新することです。私はPartialView（私はそれが正しいアプローチかどうかわからない）を使用しようとしましたが、失敗しました。私は選択された項目によってリストを塗りつぶすコントローラ内の関数を持っています。実行する必要があるのは、ビューを動的に更新することです。私にこれのロードマップを教えてもらえますか？

更新

私はJavaScriptでこれを行っていると言うことを忘れていました。しかし、いくつかのバリデーション（重複のチェックなど）に関しては、それほど長いような感じです。

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

Answer 1

ちょうどhtmlリストを作成してください。このリンクが役立つかどうかを確認してください。 https://codepen.io/alexander-holman/pen/QNQrvz。あなたはまた、編集された質問の後

に

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

次に、あなたはこのようにはJavaScriptが選択した要素を取得することができますデータベース から

を更新した値を移入することができますあなたは今

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')); 
     } 
     } 
}) 

2番目のリストのIDがlist2であることを確認してください。