04.08.2022, 17:46
Hi und willkommen hier im Forum. Leider verstehe ich nicht ganz was du damit bezwecken möchtest bzw. was du erreichen möchtest. Vielleicht hilft dir das weiter:
Wenn du deine Frage weiter konkretisierst dann kann man dir eine Lösung anbieten.
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
'use strict';
document.addEventListener('DOMContentLoaded', init);
const contries = ['Belgien', 'Deutschland', 'Frankreich', 'Italien', 'Luxemburg', 'Niederlande', 'Dänemark', 'Irland', 'Irland', 'Irland', 'Griechenland', 'Portugal', 'Spanien', 'Finnland', 'Österreich', 'Schweden', 'Estland', 'Lettland', 'Litauen', 'Malta', 'Polen', 'Slowakei', 'Slowenien', 'Tschechien', 'Ungarn', 'Zypern', 'Bulgarien', 'Rumänien', 'Kroatien'];
var content;
function init(){
content = document.querySelector('#content');
let newInput = document.createElement('select');
newInput.setAttribute('size', '1');
newInput.setAttribute('id', 'contryList');
contries.forEach((item, index)=>{
let myOption = document.createElement('option');
myOption.textContent = item;
myOption.value = item;
newInput.appendChild(myOption);
});
content.appendChild(newInput);
newInput.addEventListener('change', changeContry);
}
function changeContry() {
alert(document.querySelector('#contryList').value);
}
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
Wenn du deine Frage weiter konkretisierst dann kann man dir eine Lösung anbieten.
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen"