MVCの最初のdropdownlistforの値に基づいて2番目と3番目のドロップダウンリストを有効にする

Question

私は3つのDropDownListsを持っています。最初のDropDownListの特定の値を選択した場合は、2番目のドロップダウンリストを有効にする必要があります。たとえば、「Player 3」が選択されている場合、他の2つのDropDownListを有効にする必要があります。ただし、「Player 2」が選択されている場合は、最後のDropDownListを無効にし、2番目を有効にします。

どうすれば簡単に行うことができますか？私はまずMVC 3 EFモデルを使用しています。 これが私の見解では私のコードです：

<p>Player</p> 
    <div class="editor-field"> 
     @Html.DropDownListFor(m => m.PlayerName,Model.SubjectTypes, "Choose player" , new { @class = "selectstyle" }) 
     @Html.ValidationMessageFor(model => model.PlayerName) 
    </div> 

    <p>Position</p> 
    <div class="editor-field"> 
     @Html.DropDownListFor(model => model.PositionName, Model.Consultants, "Choose Position", new { @class = "selectstyle" }) 
     @Html.ValidationMessageFor(model => model.ContactPerson) 
    </div> 

    <p>Team</p> 
    <div class="editor-field"> 
     @Html.DropDownListFor(model => model.TeamName, Model.Teams, "Choose Team", new { @class = "selectstyle" }) 
     @Html.ValidationMessageFor(model => model.ContactPerson) 
    </div> 

Answer 1

あなたは他人を有効/無効にする現在選択されている値に基づいて、最初のドロップダウンの.change()イベントをサブスクライブし、可能性：

$(function() { 
    $('#PlayerName').change(function() { 
     var value = $(this).val(); 
     if (value == 'Player3') { 
      $('#PositionName, #TeamName').removeAttr('disabled'); 
     } else if (value == 'Player2') { 
      $('#PositionName').removeAttr('disabled'); 
      $('#TeamName').attr('disabled', 'disabled'); 
     } 
    }); 
}); 

Answer 2

私は考えjqueryの中で次の操作を行います

0：

$('#PlayerName').change(function() 
{ 
    var id = $(this).val() 
    $.ajax({ 
     url: '@Url.Action("GetPositions")', 
     data: 
      { 
       "id": id, 
      }, 
     success: function (data) 
     { 
      $("#positions").html(data); 
     } 
    }); 
} 

それから私は、アクションコントローラになります

public JsonResult GetPositions(int id) 
{ 
    var positions = Repository.GetPositionsByPlayerId(id); 
    var hmtl = positions.Select(x => new SelectListItem 
    { 
     Value = x.PositionID.ToString(), 
     Text = x.Name 
    }); 
    return new JsonResult { Data = html }; 
} 

これは、そのプレーヤーに関連するすべてのポーションで値を入力します。