Jqueryを使ってテーブルのIDで隠しフィールドを埋める方法

Question

私のプロジェクトでMVC3を使用しています。

私はテーブルとテキストエリアのビューを持っています。各行には「名前」列とその行に表示されていないIDがあります。

はまた、私は持っている：

@Html.HiddenFor(model => model.SelectedQuestions) 

ユーザーが私のSelectedQuestionsは文字列が行のIDで満たされますされていることを私はしたい行をクリックすると。

これは私のテーブルのための私のコントローラ内にある：

foreach (var player in playerGroupedByTeam) 
       { 
        var playerViewModel = new playerViewModel(); 

        playerViewModel.PlayerId = player.Id; 
        playerViewModel.PlayerName = Player.PlayerName; 

        TeamPlayer.Player.Add(playerViewModel); 
       } 

任意の提案を、私はjQueryを使ってこの問題を解決することができますか？

ありがとうございます！

Answer 1

これは動作するはずです：

<table id="player-table"> 
    @foreach(var player in this.Model.Players) 
    { 
    <tr><td data-player-id="@player.PlayerId">@player.PlayerName</td></tr> 
    } 
</table> 
@this.Html.HiddenFor(model => model.SelectedQuestions) 

<script type="text/javascript"> 
    $(function() { 
     var selectedQuestions = $("#SelectedQuestions"); 
     $("#player-table").find("td").click(function() { 
      var clickedId = $(this).attr("data-player-id"); 
      var currentIds = selectedQuestions.val().split(","); 
      if (!$.inArray(clickedId, currentIds)) { 
       currentIds.push(clickedId); 
      } 
      selectedQuestions.val(currentIds.join(",")); 
     }); 
    }); 
</script> 

は、あなたがそれを行うには、それを望んでいた場合、それはすでにクリックしたのIdsを削除含まれていませんのでご注意ください。