Input nach Auswahl sperren

P3t3r · 03.10.2011, 19:47

Hey,

Ich habe eine Listbox in HTML und sobald ein bestimmter Wert ausgewählt ist, würde ich die dazu passende Input deaktivieren bzw. auf "disable" setzen.
Jedoch weiß ich nicht wie ich es genau machen kann, das die Input sofort gesperrt ist nachdem der richtige Wert aus der Liste ausgewählt ist...
Beispiel:

HTML-Code:

<html>
<body>
	Auswahl:
	<select name="Auswahl" size=1>
		<option value="1">1
		<option value="2">2
		<option value="3">3
	</select></br>
	A:<input type="text" name="a" value="" /></br>
	B:<input type="text" name="b" value="" /></br>
	C:<input type="text" name="c" value="" /></br>
</body>
</html>

Sobald der User nun in der Liste "1" auswählt, sollen die Input boxen B & C gesperrt werden. Bei 2 > A & C und bei 3 > A & B.

Chriz · 04.10.2011, 00:14

Fang doch einfach mal damit an dir den selektierten Wert ausgeben zu lassen, z.B. in dem du beim onchange Event die selektierte Optionauswahl ermittelst und dessen Wert dann mit alert() ausgibst. Dann - gesondert - versuchst du per Buttonklick ein Eingabefeld zu deaktivieren.

Am Ende verbindest du beides.

Eimer · 07.10.2011, 10:12

Ich hoffe, dir ist klar, dass du dafür Javascript brauchst.

Mit jQuery kann man es beispielsweiße so machen:

Code:

/* B und C wird gesperrt */
$('input[name="b"]').attr("disabled", "disabled");
$('input[name="c"]').attr("disabled", "disabled");
/* A freigegeben */ 
$('input[name="a"').removeAttr("disabled");

Capfly · 08.10.2011, 05:34

oder JavaScript, auch einfach:

setAttribute() oder disabled = true, bzw. disabled = false.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Scriptsuche [Erledigt] Formular mit Auswahl + Mail-Funktion	monique	Scriptbörse	3	07.05.2011 19:36
Input Array bereinigen - Zeichenkodierung	nutcracker	PHP Tipps 2010	7	19.11.2010 12:55
add/remove input boxen in Formular	newbie88	JavaScript, Ajax und mehr	2	03.03.2010 09:05
Was tun damit Auswahl bestehen bleibt	jiggler	PHP Tipps 2009	8	28.09.2009 10:20
[Erledigt] input 0 frmularproblem	mistermint	PHP Tipps 2009	2	30.03.2009 19:15
input auswahl und text selectieren	tommi89	JavaScript, Ajax und mehr	12	10.03.2009 20:04
[Erledigt] Textfeld mit Auswahl	Ramona86	JavaScript, Ajax und mehr	5	14.11.2008 11:15
Auswahl und späteres Laden von Seiten durch Radiobuttons	luckynuts	PHP Tipps 2008	4	22.07.2008 19:16
Input feld sperren	Marian	HTML, Usability und Barrierefreiheit	12	03.09.2006 13:10
input box gegen schutz der veränderung sperren		HTML, Usability und Barrierefreiheit	8	08.09.2005 21:14
[Erledigt] Input value und Input text		PHP Tipps 2005-2	4	12.07.2005 16:46
select feld mit auswahl aus mysql tabelle		PHP Tipps 2005	10	01.06.2005 14:17
Nach Auswahl in der DropDown List -> Aktualisieren		PHP Tipps 2005	6	13.05.2005 13:55
drop-down-Menü automatisch an Auswahl anpassen		PHP Tipps 2005	10	18.04.2005 20:19
[Erledigt] input type's		HTML, Usability und Barrierefreiheit	4	27.03.2005 18:23

03.10.2011, 19:47
P3t3r Neuer Benutzer Registriert seit: 26.02.2011 Beiträge: 4 PHP-Kenntnisse: Anfänger	Input nach Auswahl sperren Hey, Ich habe eine Listbox in HTML und sobald ein bestimmter Wert ausgewählt ist, würde ich die dazu passende Input deaktivieren bzw. auf "disable" setzen. Jedoch weiß ich nicht wie ich es genau machen kann, das die Input sofort gesperrt ist nachdem der richtige Wert aus der Liste ausgewählt ist... Beispiel: HTML-Code: <html> <body> Auswahl: <select name="Auswahl" size=1> <option value="1">1 <option value="2">2 <option value="3">3 </select></br> A:<input type="text" name="a" value="" /></br> B:<input type="text" name="b" value="" /></br> C:<input type="text" name="c" value="" /></br> </body> </html> Sobald der User nun in der Liste "1" auswählt, sollen die Input boxen B & C gesperrt werden. Bei 2 > A & C und bei 3 > A & B.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.10.2011, 00:14
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Fang doch einfach mal damit an dir den selektierten Wert ausgeben zu lassen, z.B. in dem du beim onchange Event die selektierte Optionauswahl ermittelst und dessen Wert dann mit alert() ausgibst. Dann - gesondert - versuchst du per Buttonklick ein Eingabefeld zu deaktivieren. Am Ende verbindest du beides. __________________ "Nuschel ich?" - "Was?"

07.10.2011, 10:12
Eimer Erfahrener Benutzer Registriert seit: 28.05.2010 Beiträge: 126 PHP-Kenntnisse: Fortgeschritten	Ich hoffe, dir ist klar, dass du dafür Javascript brauchst. Mit jQuery kann man es beispielsweiße so machen: Code: /* B und C wird gesperrt / $('input[name="b"]').attr("disabled", "disabled"); $('input[name="c"]').attr("disabled", "disabled"); / A freigegeben */ $('input[name="a"').removeAttr("disabled");

08.10.2011, 05:34
Capfly Erfahrener Benutzer Registriert seit: 25.01.2009 Beiträge: 1.027 PHP-Kenntnisse: Fortgeschritten	oder JavaScript, auch einfach: setAttribute() oder disabled = true, bzw. disabled = false. __________________ MfG ~Capfly Jetzt NEU! Cpix & Wbits Katahlan.de - Das Browsergame