dermj
Mitglied
Registriert: 03.04.2008
Beiträge: 2
|
|
Hallo,
ich habe ein kleines Problem. Ich möchte gerne in einem Formular, das aus zwei Radio Buttons besteht (ja und nein), sowie zwei Listenfeldern dafür sorgen dass, wenn ja gedrückt wird soll das erste Listenfeld "aktiv" werden (also vorher ausgegraut sein) wird dann der Wahl eines Elemts aus dem Listenfeld soll das zweite "aktiv" werden. Zu guter letzt soll ein OK button aktiviert werden sobald ein Element des zweiten Listenfeldes gewählt ist.
|
|
| 03.04.2008 20:40:22 |
|
Chiaki
Moderator
Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 243
|
|
Hallo,
meinst du das vielleicht so? *nicht ganz im Klaren ob recht verstanden hat*
>> Datei: index.php
Code:
<?php header('Content-Type: text/html; charset="utf-8"'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://dtd.dark-chiaki.net/html-401-strict.dtd">
<html lang="de-DE" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Language" content="de-DE">
<title>DC.NET Testseite</title>
<script src="form.js" type="text/javascript"></script>
</head>
<body onload="initform();">
<h1>DC.NET Testseite</h1>
<hr>
<form method="post" action="./"
accept-charset="utf-8" enctype="application/x-www-form-urlencoded">
<p>Var1:    
<input id="radio1" type="radio" name="var1" value="val1" onclick="set2();"> ja
   
<input id="radio2" type="radio" name="var1" value="val2" onclick="set2();"> nein
</p>
<p>Var2:    
<select id="var2" name="var2" onchange="set3();">
<option value="val0" selected>choose...</option>
<option value="val1">val1</option>
<option value="val2">val2</option>
<option value="val3">val3</option>
</select>
</p>
<p>Var3:    
<select id="var3" name="var3" onchange="set4();">
<option value="val0" selected>choose...</option>
<option value="val1">val1</option>
<option value="val2">val2</option>
<option value="val3">val3</option>
</select>
</p>
<p>Actions:    
<input id="submit" type="submit" value="submit">
   
<input id="reset" type="reset" value="reset" onclick="initform();">
</p>
</form>
</body>
</html> |
>> Datei: form.js
Code:
function initform() {
document.getElementById('var2').disabled = true;
document.getElementById('var3').disabled = true;
document.getElementById('submit').disabled = true;
}
function set2() {
document.getElementById('var2').disabled = false;
}
function set3() {
if(document.getElementById('var2').value == 'val0') {
document.getElementById('var3').disabled = true;
document.getElementById('submit').disabled = true;
}
else {
if(document.getElementById('var3').value != 'val0') {
document.getElementById('submit').disabled = false;
}
document.getElementById('var3').disabled = false;
}
}
function set4() {
if(document.getElementById('var3').value == 'val0') {
document.getElementById('submit').disabled = true;
}
else {
document.getElementById('submit').disabled = false;
}
} |
>> Test-URL: http://dark-chiaki.net/test/00048688/
>> getestet: IE 7.0, FF 2.0.0.13
Greetings, Chiaki
Beitrag geändert von Chiaki (04.04.2008 16:19:07)
_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>
|
|
| 03.04.2008 22:20:46 |
| http://www.rfc1855.net/ |
 |
|
dermj
Mitglied
Registriert: 03.04.2008
Beiträge: 2
|
|
Vielen Dank für die schnelle Antwort, und danke auch für deine super Hilfe.
Ja genau so habe ich mir das vorgestellt. Echt Super...
Bin heute erst neu hier, das ist ja ein echt klasse Forum, sogar mit Test-URL...
Vielen vielen Dank!
|
|
| 03.04.2008 22:33:34 |
|
|
|
Hi,
ich hätte zu dem Thema noch eine Frage, und zwar will ich Elemente nicht durch Radio-Buttons, sondern durch Kontrollkästchen ein-/ bzw entgrauen. Also sollen je nachdem, ob der Anwender nun nur das erste, nur das zweite oder beide Kästchen abhakt, verschiedene andere Elemente des Formulars entgraut werden.
Das funktioniert auch ganz gut soweit, nur wenn der Benutzer ein Kästchen wieder enthackt, bleiben trotzdem alle Elemente entgraut.
Mein Formular sieht so aus:
Code:
<script language="JavaScript">
function set1() {
if ( document.getElementbyId("var1").checked == true) {
document.getElementById('var1.1').disabled = false;
document.getElementById('submit').disabled = false;
}
else
{
document.getElementById( 'var1.1' ).disabled = true;
document.getElementById( 'submit' ).disabled = true;
}
}
function set2() {
if ( document.getElementbyId("var2").checked == true) {
document.getElementById('var2.1').disabled = false;
document.getElementById('submit').disabled = false;
}
else
{
document.getElementById( 'var2.1' ).disabled = true;
document.getElementById( 'submit' ).disabled = true;
}
}
</script>
<form action="kontaktscript.php" method="post">
<dl>
<dt>
<fieldset>
</dt>
<legend>weahlen sie bitte ihre optionen aus</legend>
<dd><input type="checkbox" id="var1" name="option[1]" onclick="set1();" value="option1" />option1</dd>
<dt>feld1</dt>
<dd><input type="text" id="var1.1" name="feld1" /></dd>
<dd><input type="checkbox" id="var2" name="option[2]" onclick="set2();" value="option2" />option2</dd>
<dt>feld2 eingaben machen:</dt>
<dd><input type="text" id="var2.1" name="feld2" /></dd>
</fieldset>
</dl>
<p>
<input type="submit" id="submit" value="Senden" disabled />
<input type="reset" value="Zurücksetzen" />
</p>
</form> |
ich hoffe mir kann jemand helfen, danke dafür schon im vorraus!
|
|
| 21.10.2009 21:09:56 |
|
|
|
oh, entschuldigung, die beiden textfelder sind natürlich auch disabled, dass hab ich aus versehen rausgelöscht^^ also es is schon drin, und trotzdem funktioniert's nicht...
lg trible
|
|
| 21.10.2009 21:12:36 |
|
