Retrieve data from a text file stored locally, store it in an array, and populate a <select> dropdown with the

Question

Retrieve data from a text file stored locally, store it in an array, and populate a <select> dropdown with the

Greetings! I am working on an application in htaEdit where I require to read a text file line by line and insert each line into a select dropdown. Here is the code for the select dropdown:

   <select  onchange="disableCategory();" style="width:220px;margin-left:80px;"  id="dropdown2" name="">
       <option value="" selected="default" disabled>Select...</option>
   </select>

I am uncertain how to write JavaScript to achieve this. However, I have successfully tested uploading a local file and processed it using ActiveX with the following code:

      var fso = new ActiveXObject("Scripting.FileSystemObject"); 
      var s = fso.OpenTextFile("sample.txt", 1, true);
      var row = s.ReadLine();  
      alert(row);

My text file contains about 10 words like: AA BB CC .. and so on.

javascript arrays select activex text-files

Answer 1

Answer №1

let fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
let file = fileSystem.OpenTextFile("test.txt", 1, true);
selection = document.getElementById('dropdown2');
let array=new Array();
let index=0;
do {
array[index]=file.readLine();
}
while(file.readLine!=null);
for (index = 0; index<array.length; index++){
    let option = document.createElement('option');
    option.value = "option"+(index+1);
    option.innerHTML = array[index];
    selection.appendChild(option);
}

Answer 2

let fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
let file = fileSystem.OpenTextFile("test.txt", 1, true);
selection = document.getElementById('dropdown2');
let array=new Array();
let index=0;
do {
array[index]=file.readLine();
}
while(file.readLine!=null);
for (index = 0; index<array.length; index++){
    let option = document.createElement('option');
    option.value = "option"+(index+1);
    option.innerHTML = array[index];
    selection.appendChild(option);
}

Retrieve data from a text file stored locally, store it in an array, and populate a <select> dropdown with the

Answer №1

Similar questions

The z-index overlapping problem in webkit browsers is a result of Angular 7 animations

Attach the Bootstrap-Vue modal to the application's template

The method to disable the dropdown for a select tag in a Polymer Dom-module is not functioning properly

Attempting to develop a straightforward JavaScript presentation display

Attempting to employ the HTML5 file picker feature within the AppMaker platform

Unable to view new content as window does not scroll when content fills it up

Push function is not available in Redux

Restangular failing to apply headers during post requests

Testing a Svelte Component with Unit Tests { #conditionals }

The page refreshes when the anchor element is clicked

Exploring the Functionality of worker-loader Inline

There was an error during module build process: ReferenceError occurred due to an unrecognized plugin "import" specified in "base" at position 0

What is the most efficient way to condense multiple repetitive case statements?

What are alternative methods to prevent a div from expanding in width from the right side other than using position absolute?

Click on the link in the modal to either download the image or view a larger version

Can I use leaflet to customize the types of roads displayed on the map?

I am experiencing issues with the functionality of front-page.php on my WordPress website

Tips for resizing a Numpy array using zero padding

Employing the Map function in React leads to an error that is undefined

Tips for successfully accessing a variable in an Angular Pipe