JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div class="container-fluid no-padding">
    <div class="col-sm-6 col-md-6 col-lg-6">
        <h4>Välj en produkt.</h4>
        <select id="product-list" class="form-control">
            <!-- <option>DRA</option>
            <option>DRB</option> -->
        </select>

        <div class="divider-line"></div>

    </div>
    <div class="col-sm-6 col-md-6 col-lg-6">
        <p class="product-add-description">Text.</p>
    </div>
</div>

JavaScript

var array = [ 'foo', 'bar', 'foo', 'bar'];

$divSelect = $("#product-list");
for(var i = 0; i < array.length; i++){
    $divSelect.append('<option value="' + array[i] + '">' + array[i] + '</option>');
    alert("Product ID at " + i + " is: " + array[i]);
}