JS: onChange Problem

anagramm

Ich möchte beim ändern eine Select-Box den Inhalt eines divs ändern, je nach dem, was man gerade ausgewählt hat.

Dazu dachte ich mir folgendes:

Code

<script>
function preis_ermitteln(){
    var produkt = document.getElementById('produkt').value;

    if(produkt == 'buch'){
        document.getElementById('preis').value = '17';    
    }


   if(produkt == 'heft'){
        document.getElementById('preis').value = '12';    
    }

}
</script>

Alles anzeigen

Der HTML-Code dazu:

Code

<select name="produkt" style="border: 1px solid #aaa;" id="produkt" onchange="preis_ermitteln();">
      <option value="">Bitte wählen</option>
      <option value="buch">Buch (17.-)</option>
      <option value="heft">Heft (12.-)</option>
    </select>
    <small>Der Preis: <span id="preis"><i>keine Auswahl</i></span></small>

Was mache ich falsch, das kein Resultat kommt?

Noch zur Info: Die Fehlerkonsole gibt keine Ausgabe

synaptic

sollte helfen

anagramm

thx, aber das hilft nicht weiter. Die id preis bleibt immer noch mit "keine Auswahl" gefüllt.

synaptic

ach jo da sagste was..sry

probier mal über
document.getElementById('preis').options[selectedIndex].value

ich müsste wenns nich geht selber eben nachgucken..^^

anagramm

Hm Auch das scheint irgendwie nicht zu wollen...

anagramm

Prima, jetzt klappts - einfach das value zu innerHTML geändert.

synaptic

cool, war grad ne weile afk und hätt jetzt erst gucken können woran es liegt

anagramm

Ach, kein Problem - so wurde ich doch gleich wieder bisschen klüger =D
Du hast mir ja schon oft aus der Patsche geholfen XD

synaptic

das ganze müsste aber auch mit dem value fruchten, wenns mit innerHTML klappt

Tobse

.firstChild.nodeValue würde gehen, allerdings bleibt dann das keine Auswahl, mit .firstChild.data gehts auch, weis da mit dem keine auswahl ist, weiss ich nicht. Ansonsten halt^^ .innerHTML, zur not .innerText (nur FF, Opera)

synaptic

ich hab jetzt grad erst gemerkt welches "value" du meintest^^ war gestern arg unaufmekrsam!
habs mir aber grad nochmal angesehen und etwas "verbessert", da du ja mit jeder document.getElementById-abfrage den ganzen DOMbum durchforstest...

Code

<script type="text/javascript">
function preis_ermitteln(){
    var produkt = document.getElementById('produkt')
    var auswahl = produkt.options[produkt.selectedIndex].value;
    var ausgabe = document.getElementById('preis')

    if(auswahl == 'buch'){
        ausgabe.innerHTML = '17';    
    }
    if(auswahl == 'heft'){
        ausgabe.innerHTML = '12';    
    }

}
</script>

Alles anzeigen

Tags