填充組合

Question

我有組合1，其含有量和組合2包含在組合1中選擇如何可以在用戶改變組合1

組合1個後置組合2的值的最大值：

@Html.DropDownListFor(model => model.QtiteToBuy, new SelectList(
      new List<Object>{ 
        new { value = 0 , text = "0"}, 
        new { value = 1 , text = "1"}, 
        new { value = 2 , text = "2"}, 
        new { value = 3 , text = "3"}, 
        new { value = 4 , text = "4"}, 
        new { value = 5 , text = "5"}, 
        new { value = 6 , text = "6"}, 
        new { value = 7 , text = "7"}, 
        new { value = 8 , text = "8"}, 
        new { value = 9 , text = "9"} 
       }, "value", "text")) 

如果用戶選擇COMBO1 = 4，我應該在組合2 0〜4

Answer 1

@melom有我做了一個sample here應該讓你開始說。如果您還有其他問題，請告訴我。

總結我首先填寫combo1在回發之後使用ajax填充組合2。

查看：

<div> 
    @Html.DropDownList("combo1", (IEnumerable<SelectListItem>)ViewBag.combo) 
    <select id="combo2"></select> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#combo1').change(function(){  
      $.ajax({ 
       type: "GET", 
       url: "@Url.Action("GetSecondComboData", "Home")", 
       data: { val : $(this).val() }, 
       success: function (data) { 
        var options = $("#combo2"); 
        options.empty(); 
        $.each(data, function() { 
         options.append($("<option />").val(this).text(this)); 
        }); 
       }, 
       dataType: 'json' 
      });  
     }); 
    }); 
</script> 

操作：

[HttpGet] 
public ActionResult Index() 
{ 
    var values = new List<dynamic> 
    { 
     new { value = 0 , text = "0"}, 
     new { value = 1 , text = "1"}, 
     new { value = 2 , text = "2"}, 
     new { value = 3 , text = "3"}, 
     new { value = 4 , text = "4"}, 
     new { value = 5 , text = "5"}, 
     new { value = 6 , text = "6"}, 
     new { value = 7 , text = "7"}, 
     new { value = 8 , text = "8"}, 
     new { value = 9 , text = "9"} 
    }; 

    ViewBag.combo = new SelectList(values, "value", "text"); 

    return View(); 
} 

[HttpGet] 
public JsonResult GetSecondComboData(int val) 
{ 
    return Json(Enumerable.Range(0, val+1), JsonRequestBehavior.AllowGet); 
}