JSFiddle - React, Tailwind, and code Playground

by Rolf

HTML

<select id="landselect">
<option value="DE">Deutschland</option>
<option value="AT">Österreich</option>
<option value="CH">Schweiz</option>
<option value="US">U.S.A.</option>
<option value="RU">Russland</option>
<option value="CN">China</option>
<option value="FO">Nicht genannt</option>
</select>
- <input id="kürzel2" type="text" readonly>
- <span id="kürzel">?</span>

CSS

#kürzel2 {
  width: 2em;
}

JavaScript

let landSelect = document.getElementById("landselect");
	
	landSelect.addEventListener("input", function(e) {
	   UpdateKürzel(e.target);
	});
	
	function UpdateKürzel(selectElement) {
	   document.getElementById("kürzel").textContent = selectElement.value;
	   document.getElementById("kürzel2").value = selectElement.value;
	}

	landSelect.focus();
	UpdateKürzel(landSelect);