Setzen Sie Javascript Ergebnis in Option wählen

Question

Hey Jungs, die ich hier ein Skript haben:

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); 
     } 
    }); 
} 

Die console.log mir die Namen der Ordner gibt die ich brauche.

Wie kann ich die console.log Option Option wählen.

Wenn ich laufen diese GetFiles Das Ergebnis in console.log ist:

Name 
Age 
Place 

Mit diesen Daten benötige ich eine Auswahlbox mit 3 Optionswert.

Answer 1

Um dies zu erreichen Sie map() verwenden können, ein Array der option Element-Strings zu bauen, bevor append() mit ihnen auf die gewünschte select Element hinzuzufügen. Versuchen Sie folgendes:

// 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>

Answer 2

gerade diese ersetzen

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

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



} 

mit unten geschriebenen Code. Es wird Ihr Problem

var listoption,compllist;   

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

var title = resp.items[i].title; 

listoption += '<option id='+title+' value='+title+'>'+title+'</option>'; 
      } 
      compllist = "<select name='list' id='list'><option>Select</option>"+listoption+"</select>"; 
      $("#container").html(compllist);