JSFiddle - React, Tailwind, and code Playground

HTML

<select id='fruits' > 
 <option value=1 >mango</option>
 <option value=2 >apple</option>
 <option value=2 >apple</option>
 <option value=3 >grapes</option>
 <option value=1 >mango</option>
 <option value=3 >grapes</option>
</select>

JavaScript

var x = document.getElementById("fruits");
    var getfruits = [];
    var i;
    for (i = 0; i < x.length; i++) {
        x.options[i].text;
        var y = x.options[i].text;
        getfruits.push(y);
    }

    var newfruits = [];
    $.each(getfruits, function (i, el) {
        if ($.inArray(el, newfruits) === -1) newfruits.push(el);
    });
    console.log(newfruits)
    //alert(newfruits[0]);
    //alert(newfruits[1]);
    //alert(newfruits[2]);
    
    for (i = 0; i < newfruits.length; i++) {
        $(document.body).append("<input type='text' value='"+newfruits[i]+"' >");
    }