JavaScript: mit Formularelement Inhalt ändern

zellerjohannes · 26.12.2009

Hallo
Ich habe bei einer neuen Website JavaScript angewendet um die Übersicht auf einzelnen Seiten besser zu gewährleisten. Also habe ich eingerichtet, dass mit Klick auf gewisse Radio-Buttons, gewisse div's erscheinen bzw. verschwinden.
Nun würde ich dies gerne auch mit einer Liste (<select name><option>) machen, doch mit onClick oder onChange funktioniert dies irgendwie nicht. Mit was für einer Funktion muss ich das machen?

Hoffe es kann mir jemand helfen...

Hier der Code zu den Radio-Buttons:

HTML:

      <input name="nummern" type="radio" onClick="document.getElementById('Freie Stelle 1').style.display='block'; document.getElementById('Freie Stelle 2').style.display='none';" checked="checked">
        Freie Stelle 1
        <input type="radio" name="nummern" onClick="document.getElementById('Freie Stelle 1').style.display='none'; document.getElementById('Freie Stelle 2').style.display='block';">
        Freie Stelle 2
        </p>
      <div id="Freie Stelle 1">
 	  <p>Inhalt 1</p>
  	</div>
      <div id="Freie Stelle 2" style="display:none">
 	  <p>Inhalt 2</p>
      </div>

Gruss
jz

GrafiKman · 26.12.2009

AW: JavaScript: mit Formularelement Inhalt ändern

Spontan würde ich sagen....

Sobald gewählt wurde also on change ... rufst du eine Funktion auf ... liest den aktuellen inhalt aus und änderst dann was immer du ändern willst...
function test(){
document.getElementById('Freie Stelle 1').value.....
usw

zellerjohannes · 26.12.2009

AW: JavaScript: mit Formularelement Inhalt ändern

GrafiKman schrieb:
Spontan würde ich sagen....

Sobald gewählt wurde also on change ... rufst du eine Funktion auf ... liest den aktuellen inhalt aus und änderst dann was immer du ändern willst...
function test(){
document.getElementById('Freie Stelle 1').value.....
usw

Bin relativ neu bei JS... :eek:

kannst du mir das vielleicht anhand 'm Beispiel erklären?pls

gruss
jz

GrafiKman · 26.12.2009

AW: JavaScript: mit Formularelement Inhalt ändern

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function test(wahl){
var wahl = "wahl"+wahl;
document.getElementById('wahl0').style.display='none';
document.getElementById('wahl1').style.display='none';
document.getElementById(wahl).style.display='block';

}
</script>
</head>
<body>

<select onchange="javascript: test(this.selectedIndex);">
<option value="test1">Test1</option>
<option value="test2">Test2</option>
</select>

<div id="wahl0">
<p>Inhalt 1</p>
</div>
<div id="wahl1" style="display:none">
<p>Inhalt 2</p>
</div>
</body>
</html>

GrafiKman · 26.12.2009

AW: JavaScript: mit Formularelement Inhalt ändern

Mit "this.options[selectedIndex].value" kannst aber auch den gewählten Inhalt(value) auslesen und verwenden

zellerjohannes · 26.12.2009

AW: JavaScript: mit Formularelement Inhalt ändern

thanks a lot!! funktioniert perfekt.

Gruss
jz