एमवीसी

Question

में पहली ड्रॉपडाउन सूची के मूल्य के आधार पर दूसरी और तीसरी ड्रॉपडाउन सूची सक्षम करने के लिए मेरे पास तीन ड्रॉपडाउनलिस्ट हैं। यदि मेरी पहली DropDownList से एक विशिष्ट मान चुना गया है, तो दूसरी ड्रॉपडाउन सूची सक्षम होना चाहिए। उदाहरण, यदि "प्लेयर 3" चुना गया है, तो अन्य दो DropDownList सक्षम होना चाहिए, हालांकि, यदि "प्लेयर 2" चुना जाता है तो अंतिम DropDownList अक्षम होना चाहिए और दूसरा सक्षम होना चाहिए।

मैं इसे आसानी से कैसे कर सकता हूं? मैं पहले एमवीसी 3 ईएफ मॉडल का उपयोग कर रहा हूँ। यह मेरे विचार में मेरे कोड है:

<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 में निम्नलिखित है:

$('#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 }; 
} 

यह उस खिलाड़ी से संबंधित सभी पदों के साथ मूल्यों को भर देगा।