MVC

Question

için ilk açılır listenin değerine göre ikinci ve üçüncü açılır listeyi etkinleştirmek için üç DropDownList ürünüm var. İlk DropDownList öğesinden belirli bir Değer seçilirse, ikinci Açılır Listenin etkinleştirilmesi gerekir. Örneğin, "Player 3" seçildiyse, diğer iki DropDownList etkinleştirilmelidir, ancak eğer "Player 2" seçilirse, son DropDownList devre dışı bırakılmalı ve ikincisi etkinleştirilmelidir.

Bunu nasıl kolayca yapabilirim? Önce MVC 3 EF modelini kullanıyorum. Bu benim görünümünde benim kodudur:

<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

Şu anda seçili değerine dayalı ardından ilk açılır listesinin .change() olaya abone ve olabilir başkalarını devreye sokar /:

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

isterim jquery aşağıdakileri yapın:

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

Sonra ben eylem denetleyicisi olacaktır:

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

Bu, değerleri ilgili oynatıcıyla ilgili tüm yayınlarla dolduracaktır.