如何从ajax创建的级联下拉列表中获取值

本文关键字:下拉列表 获取 级联 ajax 创建 | 更新日期: 2023-09-27 18:29:03

我对MVC非常陌生,我尝试使用这个示例来设置一系列级联下拉列表。

但我有点卡住了,因为我不知道如何从第二个下拉列表中获取值,并在按下相应的按钮时将其发送到控制器。

这是我的观点:

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

我想获得其他控制器的值,但我不确定这样做的正确方法。

如何从ajax创建的级联下拉列表中获取值

您只需给dropdownlist 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>