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
Mitglied
Ort: Germany (81825)
Registriert: 23.12.2007
Beiträge: 95
|
|
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 |
|
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 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
