如何正确地将json结果附加到select选项

Question

如何将json结果正确附加到select选项，

json数据样本

Ajax代码：

$.ajax({
        url: 'sessions.php',
        type: 'post',
        datatype: 'json',
        data: { from: $('#datepicker_from').val().trim(), to: $('#datepicker_to').val().trim() },
        sucess: function(data){
            var toAppend = '';
            //if(typeof data === 'object'){
                for(var i=0;i<data.length;i++){
                    toAppend += '<option>'+data[i]['id']+'</option>';
                }
            //}
            $('#sessions').append(toAppend);
        }
    });

html代码：

<p>Sessions: 
<select id="sessions"></select>

我已经设置为我的php文件

header("Content-Type: application/json");

Answer 1

我希望这将有助于你

for(i=0; i<data.length; i++) {
    $('#sessions').append("<option value="+data[i].id+"/option>");                      
        }

Answer 2

success: function(data) {
     var options = "";
     for (var i = 0; i < data.length; i++) {
         options += "<option>" + data[i].id + "</option>";
     }
     $("#sessions").html(options);
 }

如果您的响应在多维数组中，请尝试以下操作

success: function(data) {
    var options = '';
    for (var i = 0; i < data.length; i++) {
        for (var j = 0; j< data[i].length; j++){
            options += '<option value="' + data[i][j].product_id + '">' + data[i][j].name + '</option>';
        }
    }
    $("#products").html(options);
}

Answer 3

使用$。每个循环遍历从ajax调用接收的JSON数组。

注意：“success的拼写，您已经编写了success”。

 success: function(data){
            var toAppend = '';
           $.each(data,function(i,o){
           toAppend += '<option>'+o.id+'</option>';
          });

         $('#sessions').append(toAppend);
        }

您可以直接在each循环中附加到DOM，但最好先用string连接，然后再添加到DOM中。这是一个更便宜的操作，因为在这种情况下，您只能访问一次DOM。但在某些复杂的场景中，这可能不起作用。