✔ Drop Down in Input-Feld übertragen geht nicht im IE

F

Freak Junior

Mitglied
Hallo Leute,

ich habe ein großes Problem. Ich möchte eine Auswahl von einem Drop Down Menü in ein Input-Feld übertrage. Im Mozilla Firefox geht es, nur im IE nicht.

So sieht der Code zum eintragen aus:
Code: 
document.getElementById(\"name\").value = variable1+', '+variable2;

Ich hoffe ihr könnt mir helfen.

Mit freundlichen Grüßen
 
Hallo kuddeldaddeldu,

Code: 
<script type="text/javascript">
function synchronize_select(){
var selected = document.getElementById("select1").value;
select1 += '</select>';
switch( selected ){case "1": var select1 = '<select name="select2" id="select2">';
	select1 += '<option value="0">-XXX wählen-</option>';variable2 ="XXX";select1 += '<option value="1" id="select3">XXX</option>';document.getElementById	("selectdiv").innerHTML = select1;
break;

case "2": var select1 = '<select name="select2" id="select2">';
	select1 += '<option value="0">-XXX wählen-</option>'; variable2 ="XXX";
	select1 += '<option value="2" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="3" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="4" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="5" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="6" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="56" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="62" id="select3">XXX</option>';
	document.getElementById("selectdiv").innerHTML = select1;
break;

case "3": var select1 = '<select name="select2" id="select2">';
	select1 += '<option value="0">-XXX wählen-</option>';variable2 ="XXX";
	select1 += '<option value="7" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="8" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="9" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="10" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="57" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="63" id="select3">XXX</option>';
	document.getElementById("selectdiv").innerHTML = select1;
break;

case "4": var select1 = '<select name="select2" id="select2">';
	select1 += '<option value="0">-XXX wählen-</option>';variable2 ="XXX";
	select1 += '<option value="11" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="12" id="select3">XXX</option>';variable2 ="XXX";
	select1 += '<option value="68" id="select3">XXX</option>';
	document.getElementById("selectdiv").innerHTML = select1;
break;
	default:

break;
	}
}
function synchronize_select2(){
var selected2 = document.getElementById("select2").value;
switch( selected2 ){case "1": variable1 = "XXX";
	document.getElementById("name").value = variable1+', '+variable2;
	break;case "2": variable1 = "XXX";
	document.getElementById("name").value = variable1+', '+variable2;
	break;case "3": variable1 = "XXX";
	document.getElementById("name").value = variable1+', '+variable2;
	break;
default:
document.getElementById("name").value = '';
break;
	}
}
</script><body onload="synchronize_select()">
<p>
<select name="select1" id="select1" onchange="synchronize_select()">
<option value="0">-XXX wählen-</option>
<option value="1">XXXoption>
<option value="2">XXX</option>
<option value="3">XXX</option></<select>

<div id="selectdiv" onchange="synchronize_select2()">
<select name="select2" id="select2">
</select>
</div>
</p>
</body>

Was ich vorhabe ist hört sich eigentlich einfach an. Bin in Javascript leider noch nicht so fit wie ich eigentlich sein sollte :-). Also ich habe 2 Drop Down Menüs. Das 2 DDM soll sich erst nach einer Auswahl des 1 DDM füllen. Beide DDM werden von einer MySql befüllt. Was man jetzt hier nicht sieht. Hier ist nur der Code der Erzeugt wird. Sprich das wichtigste. Das Input-Feld steht auf Readonly. Ansonsten wars das erstmal. Geht bestimmt auch einfacher, wenn ja wie?! :-)

Mit freundlichen Grüßen
 
Hi mein javaScript is auch nicht das beste aber ich würds mal über den index der DDMs versuchen.

Ähm und das bei dir die ids alle die selben sind is dir hoffentlich auch aufgefallen.
 
Hi,

so bekommst Du den Wert der ausgewählten Option:

Code: 
element = document.getElementById("id_des_select_tags");
wert = element.options[element.selectedIndex].value;

LG
 
Moin, ich sehe zwar nicht, was für ein readonly-input du meinst, und dein Code funktioniert bei mir auch nicht im FF(der sagt mir merkwürdigerweise, dass document.getElementById("selectdiv") nicht existiert)..aber zu dem IE Problem kann ich soviel sagen:

Um im IE(und in anderen Browsern auch) <Option>en in ein <select> einzufügen, erstelle diese per new Option()

Details dazu : http://de.selfhtml.org/javascript/objekte/options.htm
 
danke für euer Antworten, aber das mit dem Auslesen aus dem Dropdown geht ja in beiden. Nur das eintragen in das Input-Feld geht nicht im IE... Ich mache dies ja so:

Code: 
document.getElementById("name").value = variable1+', '+variable2;

und dieses eintragen geht nur nicht im IE der Rest funktioniert ja.

Mit freundlichen Grüßen
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück