JavaScript - HTML-Formularwerte abrufen

Wie kann ich den Wert eines HTML-Formular übergeben, JavaScript?

Ist das richtig? Mein script nimmt zwei Argumente, die man von textbox, aus der dropdown-box.

<body>
<form name="valform" action="" method="POST">

Credit Card Validation: <input type="text" id="cctextboxid" name="cctextbox"><br/>
Card Type: <select name="cardtype" id="cardtypeid">
  <option value="visa">Visa</option>
  <option value="mastercard">MasterCard</option>
  <option value="discover">Discover</option>
  <option value="amex">Amex</option>
  <option value="diners">Diners Club</option>
</select><br/>
<input type="button" name="submit" value="Verify Credit Card" onclick="isValidCreditCard(document.getElementById('cctextboxid').value,document.getElementById('cardtypeid').value)" />
</body>

InformationsquelleAutor der Frage user377419 | 2010-08-23

  1. 63

    HTML:

    <input type="text" name="name" id="uniqueID" value="value" />

    JS:

    var nameValue = document.getElementById("uniqueID").value;

    InformationsquelleAutor der Antwort user406632

  2. 20

    Dokument.die Formulare enthalten eine Reihe von Formen auf Ihrer Seite. Sie können eine Schleife durch diese Formen zu finden, die spezifische form, die Sie wünschen.

    var form = false;
var length = document.forms.length;
for(var i = 0; i < length; i++) {
    if(form.id == "wanted_id") {
        form = document.forms[i];
    }
}

    Jede form hat eine Elemente-array, die kannst du dann in einer Schleife durch zu finden die Daten, die Sie möchten. Sie sollten auch in der Lage sein, um Sie mit dem Namen

    var wanted_value = form.someFieldName.value;
jsFunction(wanted_value);

    InformationsquelleAutor der Antwort Codeacula

  3. 14

    Wenn Sie abrufen möchten, und die Formular-Werte (wie die würde gesendet werden, mithilfe einer HTTP-POST), die Sie verwenden können,

    JavaScript

    new FormData(document.querySelector('form'))

    form-serialisieren (https://code.google.com/archive/p/form-serialize/)

    serialize(document.forms[0]);

    jQuery

    $("form").serializeArray()

    InformationsquelleAutor der Antwort Kevin Farrugia

  4. 9

    Hier ist ein Beispiel von W3Schools :

    function myFunction() {
    var elements = document.getElementById("myForm").elements;
    var obj ={};
    for(var i = 0 ; i < elements.length ; i++){
        var item = elements.item(i);
        obj[item.name] = item.value;
    }

    document.getElementById("demo").innerHTML = JSON.stringify(obj);
}

    Die demo finden Sie hier.

    InformationsquelleAutor der Antwort Tran Nguyen Nhat Thuy

  5. 1
    <input type="text" id="note_text" />

let value = document.getElementById("note_text").value;

    InformationsquelleAutor der Antwort Randhawa

  6. 0

    Mehrere easy-to-use-form serialisierungsprogramme mit guter Dokumentation.

    In der Reihenfolge der Github-stars,

    1. jquery.serializeJSON

    2. jquery-serialisieren-Objekt

    3. form2js

    4. form-serialisieren

    InformationsquelleAutor der Antwort Atav32

Schreibe einen Kommentar