2017-06-09 4 views
0

Ich mache eine Google-Erweiterung, die eine lisbox in HTML-Seite injiziert. Ich brauche die Elemente für diese Listbox aus einer lokalen Textdatei (oder einer anderen bearbeitbaren Quelle auf dem lokalen PC).Javascript: Listbox-Elemente aus einer Textdatei laden

Das ist, was ich jetzt haben:

ItemCode.insertAdjacentHTML(
    'afterend', 
    '<select id="name" name="name"> 
     <option value="">Your keyword...</option> 
     <option value="Elvis">Elvis</option> 
     <option value="Frank">Frank</option> 
     <option value="Jim">Jim</option> 
    </select>' 
); 

Ich möchte diese Werte aus einer Datei keywords.txt, die in auf dem Windows-Desktop-Location und enthält die folgenden genommen werden:

Elvis 
Frank 
Jim 

Ist es möglich bitte? Vielen Dank. Hier

Antwort

0

ist der Code:

// I have no text file, so I will put static content in a string. But bellow is how to get a text file. 
 
// Get text file: 
 
// 
 
// var client = new XMLHttpRequest(); 
 
// client.open('GET', '/foo.txt'); 
 
// client.onreadystatechange = function() { 
 
//  var filetext = client.responseText; 
 
// } 
 
// client.send(); 
 

 
var fileText = "Elvis\nFrank\nJim"; 
 
var people = fileText.split("\n"); 
 
var htmlString = '<select id="name" name="name"><option value="">Your keyword...</option>'; 
 
for (person in people) { 
 
    htmlString = htmlString + '<option value="'+people[person]+'">'+people[person]+'</option>'; 
 
} 
 
htmlString = htmlString + '</select>'; 
 

 
document.write(htmlString);

+0

thank you !! Aber wie kann ich es injizieren mit: ItemCode.insertAdjacentHTML ('nachher' ...? – M777

+0

Tun Sie das gleiche, außer, ersetzen Sie Ihre riesige Zeichenfolge '' ‚' mit htmlString – Rishi

+0

Vielen Dank! – M777

Verwandte Themen