Jquery/Javascript 重构基础

Question

在谈到 JavaScript/JQuery 时，我仍然认为自己是个新手。我将如何将其折射为我可以重用的方法/函数。

$.getJSON('@Url.Action("GetLabNames", "Micro")', null, function(j) {
    var options = '';

    for (var i = 0; i < j.length; i++) {
        if (elem.value == j[i].Description) {
            options += '<option selected="selected" value="' + j[i].Lab_LN_ID + '">' + j[i].Description + '</option>'
        } else {
            options += '<option value="' + j[i].Lab_LN_ID + '">' + j[i].Description + '</option>'
        }
    }

    $(elem).html(options);

    $(elem).multiselect({
        multiple: false,
        header: "Select an option",
        noneSelectedText: 'Lab Name',
        selectedList: 1,
        minWidth: 150
    });

});

我希望有一个类似的功能

 CreateMultiSelect(elem, controller, action, text, value);

但是我不能将对象属性传递给函数，例如（Lab_LN_ID，描述），并将它们变成文本（例如，'Lab_LN_ID'，'描述'），显然不起作用，我不知道如何去吧？

Answer 1

为什么不返回具有通用属性名称的 json 对象？这将大大简化。

例如

[{Text: 'text', Value: '1'},{Text: 'text', Value: '1'}]

然后您可以非常轻松地创建所有选项。

    $('<option />', { value: item.Value, text: item.Text });