nicht angemeldet
Auswahl im definierten Ausgabebereich anzeigen
Hallo!
Ich habe folgenden Code und würde gerne die gewählte Auswahl jeweils durch Klick im Ausgabebereich darunter anzeigen lassen und nicht in der "alert Box". Es wäre schön, wenn mir jemand helfen könnte.
Beste Grüße Rolf
<html>
<head>
<title>Summe zweier ganzzahliger Werte</title>
</head>
<body>
<script type="text/javascript">
function value_auswahl_anzeigen(){
var Value = document.Form4.Auswahl.options[document.Form4.Auswahl.selectedIndex].value;
alert(Value);
}
</script>
<form name="Form4">
<select name="Auswahl">
<option value="hallo"> - Auswahl 1 -
<option value="welt"> - Auswahl 2 -
<option value="und dies"> - Auswahl 3 -
</select>
<input type="button" value="Auswahl" onClick=" value_auswahl_anzeigen(); ">
</form>
<style type="text/css">
#ausgabebereich
{
border: 1px black solid;
padding: 1px;
background-color: #FFFFA0;
width:300px
}
</style>
<div id="ausgabebereich"> </div>
</body>
</html>
-
Hallo!
Ich habe folgenden Code und würde gerne die gewählte Auswahl jeweils durch Klick im Ausgabebereich darunter anzeigen lassen und nicht in der "alert Box". Es wäre schön, wenn mir jemand helfen könnte.
probiere es mal mit dem hier. Allerdings solltest du dich dann eher in Selfhtml nach JS-Dom und Node-Objekt schauen. Das wäre sehr hilfreich:
<html> <head> <title>Summe zweier ganzzahliger Werte</title> </head> <body> <script type="text/javascript"> function value_auswahl_anzeigen(){ var Value = document.Form4.Auswahl.options[document.Form4.Auswahl.selectedIndex].value; var getContent=document.createTextNode(Value); //var getElement = document.getElementById('ausgabebereich'); document.getElementById("ausgabebereich").replaceChild(getContent, document.getElementById("ausgabebereich").firstChild); alert(Value); } </script> <form name="Form4"> <select name="Auswahl"> <option value="hallo"> - Auswahl 1 - <option value="welt"> - Auswahl 2 - <option value="und dies"> - Auswahl 3 - </select> <input type="button" value="Auswahl" onClick=" value_auswahl_anzeigen(); "> </form> <style type="text/css"> #ausgabebereich { border: 1px black solid; padding: 1px; background-color: #FFFFA0; width:300px; height:20px; } </style> <div id="ausgabebereich"><span></span></div> </body> </html> -
Hallo Rolf,
nur zur Korrektur.
Ich habe ein Paar Tip-Fehler in meinem posting von vorher, sorry.Die Tip-Fehler sind nicht im Code. Der funkioniert.
Gruß
Messmar