如何通过ajax从级联下拉列表中获取价值

时间:2013-08-24 16:02:42

标签: c# javascript asp.net ajax asp.net-mvc

我对MVC很新,我尝试使用this example设置一系列级联下拉列表。

但是我被卡住了一点,因为我不知道如何从第二次下拉中获取值并在按下相应的按钮时将其发送给控制器。

以下是我的观点:

    <script type="text/javascript">
    $('#list').change(function() {
        var selectedClient = $(this).val();
        if (selectedClient != null && selectedClient != '') {
            $.getJSON('@Url.Action("SelectC")', { clientID: selectedClient }, function (client) {
                var campaingSelect = $('#clist');
                campaingSelect.empty();
                $.each(client, function(index, clients) {
                    campaingSelect.append($('<option/>', {
                        value: clients.value,
                        text: clients.text
                    }));
                });
            });
        }
    });
</script>
@using (Html.BeginForm("CreateNewCampaign", "Home", FormMethod.Post))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    @Html.LabelFor(m => m.alreadyCreatedCampaignName, "Name:")
    @Html.DropDownList("clist","-- Select Client -2-")
    <input type="Submit" name="button" value="Select" class="btn btn-primary" />
}

控制器:

  public ActionResult SelectC(int clientId, CampaignModel model, FormCollection form)
        {
            Session["ClientID"] = clientId;

            ViewBag.ClientName = "You're using: " + Session["ClientName"];

            var CampaignInf = CampaignManagementService.GetCampaigns((string) Session["ticket"], clientId);
            List<AlreadyCreatedCampaignList> itemas = new List<AlreadyCreatedCampaignList>();
            foreach (var element in CampaignInf)
            {
                itemas.Add(new AlreadyCreatedCampaignList() {CampId = element.Key, CampName = element.Value});
            }

            var listOfCam = new SelectList(itemas, "campID", "campName", 1);
            return Json(listOfCam.Select(x => new {value = x.Value, text = x.Text}), JsonRequestBehavior.AllowGet);
        }

我想把这个值传给其他控制器,我不确定这样做的正确方法。

1 个答案:

答案 0 :(得分:0)

您可以通过提供ID并调用$("#id").val();来获取下拉列表的值,然后您可以通过ajax将其传输到控制器。

这是我的,试试吧 public ActionResult ActionName(string dropdown_value){ //your code }

<script>
$(document).ready(function(){
$("submit").click(function(){
$.ajax({
   url:"Controller/ActionName",
   datatype: "POST",
   data: { dropdown_value : $("#clist").val() },
   success : function(){ //your code if success }
});
});
});
</script>