JSFiddle - React, Tailwind, and code Playground

HTML

<select id="ddl">
    <option value="1">One apple</option>
    <option value="2">Two Oranges</option>
    <option value="3">Three Grapes</option>
</select>

JavaScript

var ddlArray= new Array();
var ddl = document.getElementById('ddl');
for (i = 0; i < ddl.options.length; i++) {
   ddlArray[i] = ddl .options[i].text;
}

var csvRows = [];
for (i = 0; i < ddlArray.length; i++) {
    csvRows.push(ddlArray[i]+",");}

    
    var csvString = csvRows.join("%0A");


var a = document.createElement('a');

a.href = 'data:attachment/csv,' + csvString;
a.target = '_blank';
a.download = 'sampleDownload.csv';

document.body.appendChild(a);
a.click();