Abilitazione della seconda e della terza lista a discesa in base al valore della prima lista a discesa per MVC

Question

Ho tre elenchi a discesa. Se viene scelto un valore specifico dal mio primo DropDownList, il secondo elenco a discesa dovrebbe essere abilitato. Ad esempio, se è stato scelto "Player 3", gli altri due DropDownList dovrebbero essere abilitati, tuttavia, se si sceglie "Player 2", l'ultimo DropDownList dovrebbe essere disabilitato e il secondo abilitato.

Come posso farlo facilmente? Sto usando prima il modello EF di MVC 3. Questo è il mio codice a mio avviso:

<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

Si potrebbe sottoscrivere l'.change() evento della prima discesa e poi in base al valore selezionato abilitare/disabilitare gli altri:

$(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 farei effettuare le seguenti operazioni in jQuery:

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

allora avrò nel controller azione:

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

Questo riempirà i valori con tutte le posizioni relative a quel giocatore.