JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<select id="SelectedProduktValues" multiple="multiple">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

<div class="tankListProduct">

</div>

JavaScript

$(function(){

                $("#SelectedProduktValues")
                    .on("change",
                        function(e) {

                            var optionValueArray = $(this).val();
                            var optionValue = optionValueArray[optionValueArray.length-1];
                            var optionText = $("#SelectedProduktValues option[value='" + optionValue + "']").text();

                            var $options = $("#SelectedTanksValues > option").clone();

                            var div = "<div class='col-xs-20 adminRow'>";
                            div += "<p class='col-xs-20 text-center'>" + optionText + "</p>";
                            div += "<select class='form-control tankList'</select>";
                            div += "</div>";

                            $(".tankListProduct").append(div);

                            $('.tankList').last().selectpicker();

                        });
})