【问题标题】:bootstrap multi select drop-down not listing appended values引导多选下拉列表未列出附加值
【发布时间】:2016-08-10 21:28:07
【问题描述】:

我是 mvc 新手,我遇到了关于引导多选下拉菜单的问题。 在我的程序中,我必须根据另一个下拉列表中的选择来获取一些值。因此,即使我能够将这些值附加到引导下拉列表中,我也无法在其中看到附加值。我认为问题是因为 li 没有得到更新。请为此提出解决方案。

 $('#companyList').change(function () {
        var cid = $('#companyList').val();
                    //$('#projectList').empty();
        //$("#projectList").append("<option value='" + 0 + "' >" + "select" + "</option>");
        $.ajax({
            url: "GetProject",
            data: { id: cid },
            success: function (data) {
               // alert("reached");
                $.each(data, function (index, optiondata) {
                    $("#projectList").append("<option value='" + optiondata.ProjectId + "'>" + optiondata.ProjectName + "</option>");
                })

            }
        });
    })

【问题讨论】:

  • 你是否在optiondataajax success 获得值?
  • 是的,我正在获取值,我还可以使用全选选项进行进一步操作,但无法在下拉列表中看到它

标签: .net asp.net-mvc bootstrap-multiselect


【解决方案1】:

请尝试以下代码:

$('#companyList').change(function () {
    var cid = $('#companyList').val();
    $.ajax({
        url: "GetProject",
        data: { id: cid },
        success: function (data) {
            $.each(data, function(index, optiondata) {
                $("#projectList").append("<option value='" + optiondata.ProjectId + "'>" + optiondata.ProjectName + "</option>");
            });

            $('#projectList').multiselect({
                includeSelectAllOption: true
            });

         }
    });
})

我只添加了这个:

$('#projectList').multiselect({
    includeSelectAllOption: true
});

给你原始的 ajax '成功'功能。

工作小提琴:http://jsfiddle.net/z9v1wrco/

【讨论】:

  • 感谢重播已经试过了但是不行。我什至试过 $("#projectList").multiselect("rebuild");
  • 请看我更新的答案。我编辑了你的 ajax 'success' 函数的主体。
  • 我得到 $(...).multiselect 不是一个函数,当我在 ajax 调用中使用它时,你能告诉我它的真正原因是什么。
  • 请检查另一个编辑。现在它允许向现有选项添加选项。你确定 bootstrap multiselect .js 已经加载了吗?
猜你喜欢
  • 2017-03-25
  • 2016-06-20
  • 2023-03-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多