Wert aus Auswahlbox mit JS ausgeben

[Kadey]

Hallo Scripler,

wollte mal fragen, wie ich aus einer Auswahlbox einen Wert in einer Variablen speichern kann und dann mit document.write ausgben...
-----
<option selected>-----</option>
<option>10 €</option>
<option>20 €</option>
<option>30 €</option>
<option>40 €</option>
</select>
-----

Die options stehen alle innerhalb eines form-tags mit dem namen "auswahl"

Mfg
Kadey

 

[MrManko]

AW: Wert aus Auswahlbox mit JS ausgeben

Puh, Auswahlfelder und JS sind immer etwas tricky, da in JS ja eigentlich alles ein Objekt ist:

Erstmal muss ein Auswahlfeld so aufgebaut sein:

<form name="form">
<select name="auswahlt" id="auswahl">
    <option value="x">X</option>
    <option value="y">Y</option>
    <option value="z">Z</option>
</select>
</form>

Auf die Werte in diesem Auswahlfeld greifst du nun folgendermaßen zu:

<script type="text/javascript">
function CheckAuswahl () {   
    for (i = 0; i < document.form.auswahl.length; i++)     
        if (document.form.auswahl.options[i].selected == true)
           document.write(document.form.auswahl.options[i].value); 
}
</script>

Das ganze ist jetzt untested, sollte aber funktionieren. Viel Erfolg beim Skripten.

MfG
MrManko

 

[cebito]

AW: Wert aus Auswahlbox mit JS ausgeben

Wozu die Schleife - wann und wie oft willst du das prüfen? Vor allem, wenn es mehrere Selects gibt? Das wäre völlig ausreichend...

<form name="form">
<select name="auswahl" id="auswahl" onchange="alert(this.id + ' - ' + this.value);">
    <option value="x">X</option>
    <option value="y">Y</option>
    <option value="z">Z</option>
</select>
<select name="auswahl2" id="auswahl2" onchange="alert(this.id + ' - ' + this.value);">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>
</form>

 

[mwxx]

AW: Wert aus Auswahlbox mit JS ausgeben

Im Prinzip brauchst Du noch nicht einmal eine Form dazu.
Wenn Dein <select> eine id hat - z.B. 'auswahl', kannst Du mit
document.getElementById('auswahl').value
zu jedem Zeitpunkt, an jedem Ort im Code auf die Auswahl zugreifen und diesen Wert auch an eine beliebige Variable zuweisen

 

[Kadey]

AW: Wert aus Auswahlbox mit JS ausgeben

Danke für eure Antworten.
Im Grunde möchte ich ein Formular haben mit Namen und Nachnamen, dazu ein Feld "Alter", welches auf ne Zahl geprüft wird und dann noch ob Sie über 18 ist.
Dann kommt noch die Auswahlbox mit den Preisen drin. In dieser Auswahl sollen Preise von 10 - 50 €uro sein und eine Standardauswahl mit ------ . also nichts gewählt.
Alle Felder sollen auf Inhalt geprüft werden und ob im Feld Alter eine Zahl steht die auch über 18 ist. In der Auswahl soll geprüft werden ob ein Preis selectiert wurde oder ob die Auswahl noch auf ------ steht. Alles verschachtelt in einer einzigen Function, die mit Submit ausgeführt wird.

 

[Chriss1987]

AW: Wert aus Auswahlbox mit JS ausgeben

Hi,

hier mal ein Beispiel dazu:

<script type="text/javascript">
function CheckOnSubmit()
{
    // --- Name
    alert(document.myForm.name.value);
    // --- Vorname
    alert(document.myForm.vorname.value);
    // --- Alter
    if(document.myForm.alter.options[document.myForm.alter.selectedIndex].value >= 18)
        alert("über 18");
    else
    {
        alert("unter 18");
        return false;
    }
    //  --- Preis
    if(document.myForm.preis.options[document.myForm.preis.selectedIndex].value == -1)
        alert("kein Preis");
    else
        alert("Preis:" + document.myForm.preis.options[document.myForm.preis.selectedIndex].value +"€");
    
    return true;
}
</script>

<form action="?go" method="POST" name="myForm" onsubmit="return CheckOnSubmit();">
    Name: <input name="name" /><br />
    Vorname: <input name="vorname" /><br />
    Alter: <select name="alter">
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    </select><br />
    Preis: <select name="preis">
    <option value="-1">---</option>
    <option value="10">10€</option>
    <option value="20">20€</option>
    <option value="30">30€</option>
    <option value="40">40€</option>
    <option value="50">50€</option>
    </select><br />
    <input type="submit" />
</form>

Denk aber dran, die Werte nochmal sererseitig zu prüfen!

HTH
Schöne Grüße aus dem Sauerland!
Chriss