✔ onclick-Frage

S

saila

Erfahrenes Mitglied
Hi,

also ich habe ein <select> tag, in welchem zwei Optionen zur Verfügung stehen. Wenn nun die zweite Option gewählt wird, dann sollte in einem anderen Bereich des Contents
ein weiterer Select-Tag angezeigt werden statt eines input-tag.

wie ist das am einfachsten zu realisieren?

onclick ist soweit klar. aber der Rest....
 
Das einfachste wäre, du tust die 2.Liste bereits in das Dokument, versteckst sie aber.

Beim onchange zeigst du sie dann an, und versteckst das input.

Ob die 2.Option ausgewählt wurde, erkennst du daran, dass die selectedIndex-Eigenschaft der Liste 1 ist(die Optionen starten bei 0)

Du solltest als Event jedoch besser onchange der Liste nehmen, statt onclick.
 
HTML: 
<script type="text/javascript">
function checkField(field)
{
    if(field == "dieserWert")
    {
        document.getElementById("anderesSelect").style.display = "inline";
    }
   else
    {
        document.getElementById("anderesSelect").style.display = "none";
    }
}
</script>


<select name="sel1" onchange="checkField(this.form.sel1.options[this.form.sel1.selectedIndex].value)">
   <option value="einWert">bla</option>
   <option value="dieserWert">bla1</option>
</select>
<select name="anderesSelect" id="anderesSelect">
   <option value="nix">nix</option>
   <option value="da">da</option>
</select>

Keine Garantie, dass es klappt. Habe es nicht getestet.
 
Ok. Danke für die Infos.

Jetzt gibt es nur ein Problem. Wie setze ich das um, weil ich Javascript nicht raffe.
Verstehe PHP und MySQL ohne Probleme. Aber mit JS komm ich nicht klar. Warum auch immer.

Kannst du mir Ansätze geben?
Onchange ist z.b. schon klar. Doch wie verstecke ich oder lasse bei korrekter Auswahl-Tag select anzeigen und dafür den Input-Tag verstecken?

Danke fanste, werde ich gleich mal testen!
 
Gut, mach das. Könntest du davor aber noch die letzten beiden Posts bezüglich der Rechtschreibung anpassen?
 
Ich habe es derzeit so:
Code: 
<html>
<head>
<script type="text/javascript">
	function checkField(field) { 
		if(field == "en") { 
			document.getElementById("bilda").style.display = "inline"; 
		} 
		else { 
			document.getElementById("bilda").style.display = "none"; 
		}
	} 
</script>
</head>
<body>
.....
<p>
<form>
<select name="sel1" onchange="checkField(this.form.sel1.options[this.form.sel1.selectedIndex].value)">  
	<option value="einWert">bla</option>
	<option value="en">bla1</option>
</select>

<select name="bilda" id="1">
	<option value="nix">nix</option>
	<option value="da">da</option>
</select>
</form>
</p>

Ist innerhalb eines Form-Tags.
 
Zuletzt bearbeitet:
ID != name

wenn du ein Element anhand seiner ID ansprechen willst, dann muss es auch selbige haben.

Bei dir hat die Liste jedoch die ID "1" und nicht "bilda"
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück