Wie kann ich die input-Felder als Parameter von Funktionen in javascript?

Also ich habe ein input-text-Felder und eine Schaltfläche

<input type=text value="a"/>
<input type=text value="b"/>
<input type=button onclick=???/>

und ich will die Werte dieser Textfelder als Parameter in einer Funktion, die aufgerufen wird, wenn ich auf einen button, sagen

function foo(a,b) {
    dostuff(a);
    dostuff(b);
}

Ich weiß nicht, was in dem Fragezeichen. Also, was wird der Wert des text-inputs, ich glaube nicht das Dokument.getElementById bekommt den Wert von Ihnen, nur das element selbst.

InformationsquelleAutor Michael | 2011-08-19
  1. 7

    Gibt es mehrere Möglichkeiten zum Zugriff auf diese Werte, aber die empfohlene ist, um zu starten, indem man die input-Elemente ID.

    <input type=text value="a" id="a"/>
<input type=text value="b" id="b"/>

    Nun können Sie document.getElementById zu bekommen, das element, und dann den Wert

    <input type=button onclick="foo(document.getElementById('a').value,document.getElementById('b').value)" />

    Hinweis: die Verwendung von " vs ", da bei Ihnen die verschachtelte...

    Aber man könnte auch einfach die ID ' s zu foo, und haben foo tun, die getElementById-Zeug.

    • Hmm, weißt du, warum funktioniert das nicht? jsfiddle.net/GQEXX
    • Der Rahmen war auf 'onLoad', so der foo - Funktion aufgenommen wurde, in einen Verschluss und nicht im globalen scope verfügbar. Stellen Sie 'kein Umbruch', und Sie sollte gut sein.
    • Nicht alle Browser (IE lte 4) Unterstützung von getElementById. Siehe stackoverflow.com/a/1945802/2225787
    InformationsquelleAutor Sean Kinsey
  2. 7

    weisen eine id Eingänge und dann rufen Sie mit getElementById

    <input type="text" id="field1" value="a"/>
<input type="text" id="field2" value="b"/>
<input type=button onclick="foo('field1','field2');"/>

<script type="text/javascript">
    function foo(a,b) {
        elemA = document.getElementById(a).value;
        elemB = document.getElementById(b).value;
        dostuff(elemA);
        dostuff(elemB);
    }
</script>
    • +1, aber Ihre Benennung von Variablen ist ein wenig irreführend.
    InformationsquelleAutor Mihai Iorga
Schreibe einen Kommentar