$('#MySelect').append($( "<option value='finalv'></option>" ).val(finalv.Value).text

Question

var result={"clientIds":[{"id":0,"clientId":"check123"},{"id":1,"clientId":"check234"}]};
$.each(result, function (key, data) {
    $.each(data, function (index1, valindex) {
        $.each(valindex,function(finalk,finalv) {
            alert("Final Key::::"+finalk+"Final Value::::"+finalv);
            $('#MySelect').append($("<option value='finalv'></option>").val(finalv.Value).text(finalv.Text));
            //  alert("Working"); 
        });
    });
 });

我有这样的代码。在最后each循环中，我得到值 0，检查 123，1，检查 234

我想放在下拉列表中的上述值

我的代码是：

$('#MySelect').append($("<option></option>").val(finalv.Value).text(finalv.Text))

当我执行代码时，字段的名称不会显示在下拉列表中。我希望每个选项都有值名称。我该怎么做？

Answer 1

如果您需要用 JSON 数据填充下拉列表，则需要先解析它。这是一个显示相同内容的堆栈溢出链接。

您需要将键值对与 JSON 对象分开，将其放入选项标签中，然后将选项标签附加到下拉列表中。

我建议你试试这个，

$.each(result, function (key, data) {
    $.each(data, function (index1, valindex) {
        $($.parseJSON(valindex)).map(function () {
            return $('<option>').val(this.value).text(this.label);
        }).appendTo('#MySelect');
        //  alert("Working"); 
    });
});