JSFiddle - React, Tailwind, and code Playground

by mrcl

HTML

<h1>Problem ; als Anfangs und Endtrenner identisch (anders als z.B. []) </h1>
<textarea cols=100 rows=10>Völklinger knackt 6,5 Mio-Euro-Jackpot; Herbstimpressionen von der Saarschleife; Neues Clearinghaus in Eiweiler, Interview mit Stephan Kolling; Tigerbaby, Panda und Co.; Diskussionen in der Großen Koalition, IHK sieht Saarwirtschaft positiv, Interview mit Heino Klingen, Endlich freie Fahrt im Nordsaarland, Großprojekt in St. Ingbert kommt voran, Kerzenfrabrik in Heusweiler, Badminton-Elite in Saarbrücken, Sara Ali zurück im Ring.
, Wetter: Herbstimpressionen von der
   Saarschleife
, Clearinghaus: Eröffnung in Eiweiler

 , Betreuungsgeld: Diskussion im Saar-
   land
 , Konjunktur: Saarwirtschaft bleibt
   auf Wachstumskurs

, A1: Anschlussstelle Primstal vor der
   Fertigstellung
 , Baumwollspinnerei: Fortschritt der
   Arbeiten in St.Ingbert; Walrossbaby, Delfin und gute Quoten
</textarea>
<p>
<input list="liste">
<br><input list="liste">
<br><input list="liste">
<br><input list="liste">
<datalist id="liste">
</datalist><hr>
<select>
</select>

CSS

input {width:400px;}

JavaScript

$("textarea").change(function() {
    var voll=$(this).val();
    voll = voll.replace(/^[^;]+\;|\;[^;]+$|\;.+\;/g, function(match)
    {
        return match.replace(/,/g, "_koµµa_"); }
    ); 
    
    
	var titel=voll.split(/[;,]/);
    $("datalist").children().remove();
    for (var k in titel) {
    	$("datalist").append($("<option>").text((titel[k]).trim().replace(/_koµµa_/,",")));
    	$("select").append($("<option>").text((titel[k]).trim().replace(/_koµµa_/,",")));
    }
});

$("textarea").trigger("change");