javascript - 配列 Json を解析してタグを選択する

Question

Json 応答があります。それぞれの値を取得して Select タグに追加する必要があります。カンマで区切られた各値は、select タグのオプションとして追加する必要があります。

コードは次のとおりです。

Jクエリ:

var dec ={"dc":["One","Two","Three"]};

jQuery.each(dec, function(index, value) {

    $(".request").append("<option value='" + index + "'>" + value + "</option>");  

});

HTML:

<select class="request">

</select>

上記のコードはすべてを単一のオプションに追加していますが、選択タグの異なるオプションとしてではありません

Answer 1

このようにしてみてください

var dec ={"dc":["One","Two","Three"]};
var html = "";
jQuery.each(dec, function(index, value) {

    html += "<option value='" + index + "'>" + value + "</option>";  
});

 $(".request").html( html );

Answer 2

var $opt;

For (var i = 0; i < dec.dc.length; i++) {
    $opt = $('<option></option>');
    $opt.text(dec.dc[i]);
    $opt.val(i);
    $('.request').append($opt);
}

可能な場合は、基本的な js ループを実行してください。より高速です。

Answer 3

dc配列を反復処理する必要があります。現在dec、子配列を持つオブジェクトがありますdc。

jQuery.each(dec.dc, function(index, value) {
    $(".request").append("<option value='" + index + "'>" + value + "</option>");  
});