微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Multiselect jQuery中的json源代码

我有一个多选的jQuery,我想从json获取代码.
我从我的自动完成组合框中获取了可用的源代码,但在这里它不起作用.

我的代码

$(document).ready(function () {
        var warning = $("#message");
        $("select").multiselect({
            //selectedText: function (numChecked,numTotal,checkedItems) {
            //    return numChecked + ' of ' + numTotal + ' checked';
            //},source: function (request,response) {
                $.getJSON('http://' + $("[id$='ip']").val() + "/JSON/Auctocomplete.aspx?city=1&term=" + request.term,function (data) { response(data); });
            },select: function (event,ui) {
                $("#mfr").textContent = ui.item.id;
            },selectedList: 5,header: "choose up to 5",click: function (e) {
                if ($(this).multiselect("widget").find("input:checked").length > 5) {
                    warning.addClass("error").removeClass("success").html("choose up to 5");
                    return false;
                } else {
                    warning.addClass("success").removeClass("error").html("");
                }
            }
        });
    });

解决方法

搜索过,我认为Jquery multiselect没有源属性.看看 http://www.erichynds.com/blog/jquery-ui-multiselect-widget.你确定它有源属性吗?

我建议你,首先从json加载select,然后将其转换为multiselect.

// The empty select element:
<select></select>

// In javascript:
$(document).ready(function () {
     var url = 'http://...';

     $.getJSON(url,function(result){
               $.each(result,function(i,field){
                      var option = $('<option value="' + field.value + '">' + field.text + '</option>');
                      $('select').append(option);
               });

               $('select').multiselect({...});
     });
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐