Activando la segunda y tercera listas desplegables para basadas en el valor de la primera lista desplegable en MVC

Question

Tengo tres DropDownLists. Si se elige un Valor específico de mi primera DropDownList, se debe habilitar la segunda Dropdownlist. Ejemplo, si se eligió "Player 3", los otros dos DropDownList deberían estar habilitados, sin embargo, si se elige "Player 2", la última DropDownList debería desactivarse y la segunda habilitada.

¿Cómo puedo hacer esto fácilmente? Estoy usando primero el modelo MVC 3 EF. Este es mi código en mi opinión:

<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

Usted puede suscribirse a la .change() caso de la primera lista desplegable y luego en función del valor seleccionado en ese momento activar/desactivar los otros:

$(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

lo haría haga lo siguiente en jquery:

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

entonces tendré en el controlador de acción:

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

Esto llenará los valores con todas las posiciones relacionadas con ese jugador.