<html>
<head>
<title>Gefahrgut</title>
</head>
<body style= "background-image:linear-gradient(360deg, #000028 0%, #009999 100%)"></body>
<style>
h1 {font-size:80}
h1 {color: white;}
h1 {margin-left: 50px}
h1 {margin-top: 10px}
h1 {text-shadow: rgb(0, 119, 255) 5px 5px 5px}
</style>
<h1>Gefahrgut Länderliste</h1>
<style>
.test {
font-size: 25px;
width: 160px;
height: 50px;
}
</style>
<form>
<input class="test" type="text" name="LK" id="kurz" list="LK"><button class="test">Leeren</button>
<datalist id="LK">
<option value="AR">
<option value="DE">
<option value="AU">
<option value="EC">
<option value="BH">
</datalist>
</form>
<div>
<div class="box right">
<div id="lang">
</div>
</div>
</div>
<style>
.box {
width: 70%;
margin-left: 0px;
border:1px solid black;
border-radius:10px;
height:150px;
padding:10px;
display:flex;
box-shadow:3px 3px 3px grey;
}
.right{
flex:2;
flex-direction:column;
border-right:2px solid rgb(255, 255, 255);
font-size: 50px;
color: rgb(255, 255, 255);
}
</style>
<script JavaScript>
var landertexte=[
['AR','Max. 8 Geräte in 2 Versandstücke (2x 4max.)<br>Gesamtgewicht 50Kg'],
['DE','Entweder nur 1 VS oder alle VS mit mind. 5 Geräte packen'],
['AU','Max. 8 Geräte in 2 Versandstücke (2x 4max.)<br>Gesamtgewicht 50Kg'],
['EC','Max. 8 Geräte in 2 Versandstücke (2x 4max.)<br>Gesamtgewicht 50Kg'],
['BH','Entweder nur 1 VS oder alle VS mit mind. 5 Geräte packen']];
lk=document.getElementById('kurz');
for(t=0;t<landertexte.length;t++){
lk.innerHTML+='<option value="'+landertexte[t][0]+'">'+landertexte[t][0]+'</option>';
}
lk.addEventListener('change',function(){
landertexte.filter(function(v,i) {
if(v[0]==lk.value){
document.getElementById('lang').innerHTML=v[1];
}
});
})
/*
var lander_code=['AF','AX','AL','DZ','AS','AD','AO','AI','AQ','AG','AR','AM','AW','AU','AT','AZ','BS','BH','BD','BB','BY','BE','BZ','BJ','BM','BT','BO','BQ','BA','BW','BV','BR','IO','VG','BN','BG','BF','BI','KH','CM','CA','CV','KY','CF','TD','CL','CN','CX','CC','CO','KM','CK','CR','HR','CU','CW','CY','CZ','CD','DK','DJ','DM','DO','TL','EC','EG','SV','GQ','ER','EE','ET','FK','FO','FJ','FI','FR','GF','PF','TF','GA','GM','GE','DE','GH','GI','GR','GL','GD','GP','GU','GT','GG','GN','GW','GY','HT','HM','HN','HK','HU','IS','IN','ID','IR','IQ','IE','IM','IL','IT','CI','JM','JP','JE','JO','KZ','KE','KI','XK','KW','KG','LA','LV','LB','LS','LR','LY','LI','LT','LU','MO','MK','MG','MW','MY','MV','ML','MT','MH','MQ','MR','MU','YT','MX','FM','MD','MC','MN','ME','MS','MA','MZ','MM','NA','NR','NP','NL','AN','NC','NZ','NI','NE','NG','NU','NF','KP','MP','NO','OM','PK','PW','PS','PA','PG','PY','PE','PH','PN','PL','PT','PR','QA','CG','RE','RO','RU','RW','BL','SH','KN','LC','MF','PM','VC','WS','SM','ST','SA','SN','RS','CS','SC','SL','SG','SX','SK','SI','SB','SO','ZA','GS','KR','SS','ES','LK','SD','SR','SJ','SZ','SE','CH','SY','TW','TJ','TZ','TH','TG','TK','TO','TT','TN','TR','TM','TC','TV','VI','UG','UA','AE','GB','US','UM','UY','UZ','VU','VA','VE','VN','WF','EH','YE','ZM','ZW']
*/
</script>
Info:
Datenlisten sieht gut aus, wäre toll wenn man A eingibt und dann schon Vorschlag kommt.
Ist der Code den ich jetzt soweit abgeändert habe. Problem was ich noch habe ist wenn man DE eingibt, auf ein leere Fläche klicken muss, um erst das auszulösen. Wenn man was eingibt und es nicht existiert bleibt der Eintrag, somit hab ich den leeren Button eingefügt.
Hoffe ist soweit verständlich.
Bedanke mich immer noch für die Hilfe. :)
Edit: den Code aktualisiert mit Datalist
