JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<fieldset class="form-group">
<select class="form-control" id="language_selection_audio" name="language_selection_audio[]" multiple="multiple">
<option value="bg">Bulgarisch</option>
<option value="da">Dänisch</option>
<option value="de">Deutsch</option>
<option value="en">Englisch</option>
<option value="et">Estnisch</option>
<option value="fi">Finnisch</option>
<option value="fr">Französisch</option>
<option value="el">Griechisch</option>
<option value="it">Italienisch</option>
<option value="hr">Kroatisch</option>
<option value="lv">Lettisch</option>
<option value="lt">Litauisch</option>
<option value="nl">Niederländisch</option>
<option value="pl">Polnisch</option>
<option value="pt">Portugiesisch</option>
<option value="ro">Rumänisch</option>
<option value="sv">Schwedisch</option>
<option value="sk">Slowakisch</option>
<option value="sl">Slowenisch</option>
<option value="es">Spanisch</option>
<option value="cs">Tschechisch</option>
<option value="hu">Ungarisch</option>
<option value="sq">Albanisch</option>
<option value="tr">Türkisch</option>
</select>
</fieldset>

CSS

select {
  width: 50%;
}

JavaScript

$(document).ready(function () {
	$('#language_selection_audio').val(['de', 'en']);
  $('#language_selection_audio :selected').attr('data-type', 'edit');
});