将javascript结果放入选项选择中

时间:2017-03-17 10:27:05

标签: javascript jquery

嘿伙计们,我这里有一个剧本:

function getFiles(){
    var query = "";
    if (ifShowSharedFiles()) {
        $(".button-opt").hide();
        query = (FOLDER_ID == "root") ? "trashed=false and sharedWithMe" : "trashed=false and '" + FOLDER_ID + "' in parents";
        if (FOLDER_ID != "root" && FOLDER_PERMISSION == "true") {
            $(".button-opt").show();
        }
    }else{
        $(".button-opt").show();
        query = "trashed=false and '" + FOLDER_ID + "' in parents";
    }
    var request = gapi.client.drive.files.list({
        'maxResults': NO_OF_FILES,
        'q': query
    });

    request.execute(function (resp) {
       if (!resp.error) {
            showUserInfo();
            DRIVE_FILES = resp.items;
            buildFiles();

                for(var i = 0; i < resp.items.length; i++ ){
                         console.log(resp.items[i].title)
                }
       }else{
            showErrorMessage("Error: " + resp.error.message);
       }
    });
}

console.log为我提供了我需要的文件夹的名称。

如何将console.log放在选项选项中。

如果我运行此getfiles,则console.log中的结果为:

Name
Age
Place

有了这些数据,我需要一个带有3个选项值的选择框。

2 个答案:

答案 0 :(得分:2)

要实现此目的,您可以使用map()构建option元素字符串数组,然后再使用append()将其添加到所需的select元素中。试试这个:

// example response data
var resp = {
  items: [{
    title: 'Foo',
    Id: '1321a34ds'
  }, {
    title: 'Bar',
    Id: 'aaaaaaa'
  }, {
    title: 'Fizz',
    Id: 'bbbbbbb'
  }, {
    title: 'Buzz',
    Id: 'ccccc'
  }]
}

var options = resp.items.map(function(item) {
  return '<option value="' + item.Id + '">' + item.title + '</option>';
});
$('select').append(options.join(''));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select></select>

答案 1 :(得分:0)

只需替换此

;

用下面的代码编写。它将解决您的问题

for(var i = 0; i < resp.items.length; i++ ){ 

console.log(resp.items[i].title); 



}