Hallo Freunde, habe ein Script gefunden wo ich aus einer Selectbox einen Wert auswähle und der Wert dann automatisch in ein Inputfeld eingefügt wird. Das ganze funktioniert mit diesem Script hervorragend.
Edit fiddle - JSFiddle - Code Playground
Mein Problem ist jetzt, wenn ich eine weitere Selectbox hinzufüge funktioniert das ganze nicht richtig.
Habe eine weitere Funktion erstellt mit einer anderen ID und ein weiteres Inputfeld mit der neuen ID, nur funktioniert das halt nicht.
Bitte um Hilfe
Edit fiddle - JSFiddle - Code Playground
HTML:
<select name="" onchange="myFunction(event)">
<option disabled selected>Choose Database Type</option>
<option value="Green">green</option>
<option value="Red">red</option>
<option value="Orange">orange</option>
<option value="Black">black</option>
</select>
<input id="myText" type="text" value="colors">
Javascript:
function myFunction(e) {
document.getElementById("myText").value = e.target.value
}
Mein Problem ist jetzt, wenn ich eine weitere Selectbox hinzufüge funktioniert das ganze nicht richtig.
Habe eine weitere Funktion erstellt mit einer anderen ID und ein weiteres Inputfeld mit der neuen ID, nur funktioniert das halt nicht.
HTML:
<select name="one" onchange="myFunction(event)">
<option disabled selected>Choose Database Type</option>
<option value="Green">green</option>
<option value="Red">red</option>
<option value="Orange">orange</option>
<option value="Black">black</option>
</select>
<input id="myText1" type="text" value="colors">
<select name="two" onchange="myFunction(event)">
<option disabled selected>Choose Database Type</option>
<option value="Green">green</option>
<option value="Red">red</option>
<option value="Orange">orange</option>
<option value="Black">black</option>
</select>
<input id="myText2" type="text" value="colors">
Javascript:
function myFunction(e) {
document.getElementById("myText1").value = e.target.value
}
function myFunction(f) {
document.getElementById("myText2").value = f.target.value
}
Bitte um Hilfe