Ausgewähltes Listenelement mit Button zurücksetzen

KbrowseP · 15.12.2009, 04:17

hallo leute,
ich habe bei folgenden quelltext mehrere textfelder und eine auswahlliste um einfache grundrechenoperationen durchführen zu können.
zuästzlich habe ich noch einen reset button, damit der user wieder in den ursprünglich zustand zurück kann:

function loeschen()
{
document.reset.a.value="";
document.reset.b.value="";
document.reset.r.length="";
document.reset.c.value="";
}

die textfeldern können zurückgesetzt werden. was nehme ich anstatt "", damit nur die auswahl zurückgesetzt und nicht alles gelöscht wird?

vielen dank im voraus!

Asipak · 15.12.2009, 09:12

Hmm, klappt es nicht mit einem Button zum Abbrechen: SELFHTML: HTML/XHTML / Formulare / Buttons zum Absenden oder Abbrechen ?

KbrowseP · 15.12.2009, 11:45

ne das klappt nicht, weil mit dem reset button die textfelder gelöscht werden sollen und die auswahl des listenelements zurückgesetzt werden sollen:

<html>
<head>
<title>Rechenmaschine</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function rechnen()
{
var a = parseInt(document.getElementById('a').value);
var b = parseInt(document.getElementById('b').value);
var s;
var max = document.getElementById('Wahl').length;
for (var i=0; i<=max-1; i++)
{ if (document.getElementById('Wahl')[i].selected)
{ s=i; }
}
if (s==0) {c = a + b;}
if (s==1) {c = a - b;}
if (s==2) {c = a * b;}
if (s==3) {c = a / b;}
document.getElementById('c').value = c;
}
function loeschen()
{
document.reset.a.value="";
document.reset.b.value="";
document.reset.r.length="";
document.reset.c.value="";
}
</script>
</head>
<body bgcolor="#FFFFFF">
<h1><u>Rechenmaschine</u></h1>

<form action="" method="post" name="reset">
<table borde-style:="none"; rules="none">
<tr>
<th align="left"; valign="top">Wert 1:</th>
<th align="left"; valign="top"><input type="text" size="3" id="a" name="a" /><br><br></th>
</tr>
<tr>
<th align="left"; valign="top">Wert 2:</th>

<th align="left"; valign="top"><input type="text" size="3" id="b" name="b" /><br><br></th>
</tr>
<tr>
<th align="left"; valign="top">Rechenoperation:</th>
<th align="left"; valign="top">
<select id="Wahl" name="r" size="4" onchange="getLE()">
<option>Addition</option><option>Subtraktion</option><option>Multiplikation</option><option>Division</option>
</select><br><br>
</th>

</tr>
<tr>
<th align="left"; valign="top"><input type="button" value="Zurücksetzen" onclick="loeschen()" /><input type="button" value="Ergebnis" onclick="rechnen()" /></th>
<th align="left"; valign="top"><input type="text" size="3" id="c" name="c" /></th>
</tr>
</table>
</form>
</body>
</html>

chorn · 15.12.2009, 12:49

Würdest du dir mal den Vorschlag von Asipak ansehen und umsetzen (auf der Seite gibt es neben dem kompletten Code auch eine Demo), wäre das kein Problem und der Fehler den du hast würde nicht auftreten.

KbrowseP · 15.12.2009, 19:03

gut jetzt funktionert es genauso wie ihr es beschrieben habt! vielen Dank!

das ist aber html und kein javascript? aber wurscht, hauptsache es geht!

nikosch · 15.12.2009, 19:12

Bitte halte Dich an die Forenrichtlinien und formatiere Deine Codes vernünftig!

Chriz · 15.12.2009, 19:39

Zitat:

Zitat von KbrowseP

das ist aber html und kein javascript?

richtig!

KbrowseP · 10.01.2010, 15:31

Das Operantzeichen lässt sich nicht zurück setzen. Alles andre funktioniert:

Code:

<th align="left";  valign="top"><input type="text" name="Operand1"><br></th>

Hier nochmal der Quelltext aus dem Form Abschnitt.

Code:

<form name="Eingabe" action="" method="post" name="reset">
   <table borde-style:="none"; rules="none">
      <tr>
        <th align="left";  valign="top">Wert 1:</th>
        <th align="left";  valign="top"><input type="text" name="Operand1"><br></th>
      </tr>
      <tr> 
        <th align="left";  valign="top"></th>
        <td align="center"><span id="OpZeichen">+</span><br></td>
      </tr>
      <tr>
        <th align="left";  valign="top">Wert 2:</th>
        <th align="left";  valign="top"><input type="text" name="Operand2"><br><br></th>
      </tr>
      <tr>    
        <th align="left";  valign="top">Rechenoperation:</th>
        <th align="left";  valign="top">
         <select name="Auswahl" size="4" onchange="CheckAuswahl()"><option selected="selected">Addition</option><option>Subtraktion</option><option>Multiplikation</option><option>Division</option></select><br><br></th>
      </tr>
        <th align="left";  valign="top"><input type="reset" value="Zur&#xFC;cksetzen"><input type="button" value="Ergebnis" onclick="result ()"></th>
        <th align="left";  valign="top"><input type="text" name="Erg"></th>
      </tr>
   </table>
  </form>

Was mache ich da falsch?

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
[Erledigt] Werte von Radio Button gelangen nicht in Datenbank	peteX82	PHP Tipps 2009	8	22.09.2009 20:12
Wert in Spalte dekrementieren durch Button Click	markus_munich	PHP Tipps 2009	23	30.07.2009 09:11
Submit Button mit Bild, per Click anderer Button	the-rod	JavaScript, Ajax und mehr	3	26.06.2009 17:52
button als link verwenden	Zabimaru	PHP Tipps 2008	5	03.04.2008 19:51
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
Ergebnisliste mit Button weiter bearbeiten	Cheesy	PHP Tipps 2006	6	23.05.2006 01:01
Prüfen ob Button angeklickt wurde..	krummzahn	HTML, Usability und Barrierefreiheit	2	30.04.2006 21:18
Text &amp; Button zusammen ein Link		HTML, Usability und Barrierefreiheit	8	22.11.2005 09:59
[Erledigt] Checkbox via Button steuern		HTML, Usability und Barrierefreiheit	2	17.10.2005 09:53
Select Feld nicht automatisch zurücksetzen nach Send Button		PHP Tipps 2005	5	17.03.2005 16:13
geechoter button funktioniert nicht richtig	Crypi	HTML, Usability und Barrierefreiheit	10	29.12.2004 19:08
JavaScript Button Linken!	CHRIS	HTML, Usability und Barrierefreiheit	3	26.12.2004 14:31
[Erledigt] per Button php in <td> laden		PHP Tipps 2004	4	26.10.2004 18:07
Ich habe eine Auswahlliste und einen Button. Wie auswerten?		PHP Tipps 2004	1	20.10.2004 16:39
formular button linkt an interne Stelle		PHP Tipps 2004	1	08.06.2004 10:02

15.12.2009, 04:17
KbrowseP Neuer Benutzer Registriert seit: 15.12.2009 Beiträge: 12 PHP-Kenntnisse: Anfänger	Ausgewähltes Listenelement mit Button zurücksetzen hallo leute, ich habe bei folgenden quelltext mehrere textfelder und eine auswahlliste um einfache grundrechenoperationen durchführen zu können. zuästzlich habe ich noch einen reset button, damit der user wieder in den ursprünglich zustand zurück kann: function loeschen() { document.reset.a.value=""; document.reset.b.value=""; document.reset.r.length=""; document.reset.c.value=""; } die textfeldern können zurückgesetzt werden. was nehme ich anstatt "", damit nur die auswahl zurückgesetzt und nicht alles gelöscht wird? vielen dank im voraus! Geändert von KbrowseP (15.12.2009 um 04:31 Uhr).


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

15.12.2009, 09:12
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 4.072	Hmm, klappt es nicht mit einem Button zum Abbrechen: SELFHTML: HTML/XHTML / Formulare / Buttons zum Absenden oder Abbrechen ?

15.12.2009, 11:45
KbrowseP Neuer Benutzer Registriert seit: 15.12.2009 Beiträge: 12 PHP-Kenntnisse: Anfänger	ne das klappt nicht, weil mit dem reset button die textfelder gelöscht werden sollen und die auswahl des listenelements zurückgesetzt werden sollen: <html> <head> <title>Rechenmaschine</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> function rechnen() { var a = parseInt(document.getElementById('a').value); var b = parseInt(document.getElementById('b').value); var s; var max = document.getElementById('Wahl').length; for (var i=0; i<=max-1; i++) { if (document.getElementById('Wahl')[i].selected) { s=i; } } if (s==0) {c = a + b;} if (s==1) {c = a - b;} if (s==2) {c = a * b;} if (s==3) {c = a / b;} document.getElementById('c').value = c; } function loeschen() { document.reset.a.value=""; document.reset.b.value=""; document.reset.r.length=""; document.reset.c.value=""; } </script> </head> <body bgcolor="#FFFFFF"> <h1><u>Rechenmaschine</u></h1> <form action="" method="post" name="reset"> <table borde-style:="none"; rules="none"> <tr> <th align="left"; valign="top">Wert 1:</th> <th align="left"; valign="top"><input type="text" size="3" id="a" name="a" /><br><br></th> </tr> <tr> <th align="left"; valign="top">Wert 2:</th> <th align="left"; valign="top"><input type="text" size="3" id="b" name="b" /><br><br></th> </tr> <tr> <th align="left"; valign="top">Rechenoperation:</th> <th align="left"; valign="top"> <select id="Wahl" name="r" size="4" onchange="getLE()"> <option>Addition</option><option>Subtraktion</option><option>Multiplikation</option><option>Division</option> </select><br><br> </th> </tr> <tr> <th align="left"; valign="top"><input type="button" value="Zurücksetzen" onclick="loeschen()" /><input type="button" value="Ergebnis" onclick="rechnen()" /></th> <th align="left"; valign="top"><input type="text" size="3" id="c" name="c" /></th> </tr> </table> </form> </body> </html>

15.12.2009, 12:49
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	Würdest du dir mal den Vorschlag von Asipak ansehen und umsetzen (auf der Seite gibt es neben dem kompletten Code auch eine Demo), wäre das kein Problem und der Fehler den du hast würde nicht auftreten.

15.12.2009, 19:03
KbrowseP Neuer Benutzer Registriert seit: 15.12.2009 Beiträge: 12 PHP-Kenntnisse: Anfänger	gut jetzt funktionert es genauso wie ihr es beschrieben habt! vielen Dank! das ist aber html und kein javascript? aber wurscht, hauptsache es geht!

15.12.2009, 19:12
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Bitte halte Dich an die Forenrichtlinien und formatiere Deine Codes vernünftig! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --