✔ Textfeld mit Dropdown Menü Sperren

N

NicoSpory

Grünschnabel
Hi Leute!

Ich habe folgendes Problem:
Ich möchte, dass man ein Event aus einer Dropdown Liste auswählen kann. Wenn dieses Event noch nicht exisitiert kann man man es rechts daneben in einem Textfeld eintragen.
Nun möchte ich, dass wenn in dem Dropdown "Bitte Wählen" (Der Standartwert) steht, dass ich in dem Textfeld etwas eintragen kann, wenn ein Event im Dropdown ausgewählt ist, soll das Feld ausgegraut sein.
Habt ihr ne gute Idee?
Ich kenn mich mit JS sogut wir garnicht aus. Habe schon viel mit Checkboxen gefunden aber das hilft mir leider nicht.

Gruß
Nico
 
Die DropDown Items haben ja bestimmt als value eine ID. Bei "Bitte wählen" lässt du das value-Attribut leer. Und jetzt kannst du beim Ändern der DropDown Auswahl entsprechend prüfen, welcher Eintrag gewählt ist.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html id="html" xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	
	<title>DropDown und Textfeld</title>
</head>

<body>
	<div>
		<select size="1" id="dropDown">
			<option value="" selected="selected">Bitte wählen...</option>
			<option value="1">Irgendwas</option>
			<option value="2">Noch was</option>
		</select>
		<input type="text" id="txt" />
	</div>
	
	<script type="text/javascript">
	/* <![CDATA[ */
		var dd = document.getElementById("dropDown");
		var txt = document.getElementById("txt");
		
		dd.onchange = function() {
			txt.disabled = !!this.value.length;
		};
	/* ]]> */
	</script>
</body>

</html>
 
Es geht.
Dankeschön.
Hast du eine Idee, wie man es machen kann, das der Text dann auch noch gelöscht wird, falls was eingetragen wurde.
 
Zuletzt bearbeitet:
Ja, habe ich. Das kannst du mal selbst versuchen. Du kannst über die Variable "txt" und das Attribut "value" den Wert des Textfeldes ändern.
 
Du sorry, ich krieg es nicht hin.
Habe es so versucht.
Code: 
		dd.onchange = function() {
			txt.disabled = !!this.value.length;
			this.form.txt.value = "";
		};
 
HTML: 
Erledigt!
Habs schon ;)
              <script type="text/javascript">
	/* <![CDATA[ */
		var dd = document.getElementById("location");
		var txt = document.getElementById("location2");
		
		dd.onchange = function() {
			txt.disabled = !!this.value.length;
			txt.value = "";
		};
		
	/* ]]> */
	</script>


Viel spass, wer es noch gebraucht :D
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück