javascript 将Json填充到Select2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 将Json填充到Select2相关的知识,希望对你有一定的参考价值。

<select id="ddlModules" class="select2"></select>
populateSelect2("ddlModules", null, "");


function populateSelect2(elemId, data, selectedValue) {

    var $select = $("#" + elemId);

    $.each(data, function (ix, obj) {
        var itemSelected = false;
        if (isObjValid(selectedValue)) {
            itemSelected = (selectedValue === obj.id);
        }
        var newOption = new Option(obj.text, obj.id, false, itemSelected);
        $select.append(newOption);
    });

    if (!isObjValid(selectedValue) && !isInputRequired($select)) {
        $select.val(null);
    }

    $select.trigger("change");
}

function isObjValid(obj) {

    if (typeof (obj) === "undefined" || obj === null) { return false; }
    return true;

}

以上是关于javascript 将Json填充到Select2的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 JSON 数据填充 <select> 并在单击时显示值?

如何将输入/选择值从网站保存到 XML/JSON 文件并使用 JavaScript 自动加载再次填充它们

使用 JSON 数据填充 INPUT 和 SELECT

使用 jQuery 通过 JSON 数据填充 HTML 文档中的 <select> 元素

如何使用 JavaScript 数组数据填充 SELECT 下拉列表?

从 json 动态创建的 Javascript 表单输入,需要将对象映射到另一个对象的正确字段并保存