JavaScript-получение значений HTML-формы

Question

JavaScript-получение значений HTML-формы

Как я могу получить значение HTML-формы для передачи в JavaScript?

это правильно? Мой скрипт принимает два аргумента один из текстового поля, один из выпадающего списка.

<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>

1054 6

javascript html

6 ответов:

Comments

Ничего не найдено.

user406632 · Accepted Answer · 2010-08-23 14:28:16

HTML:

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

JS:

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

Codeacula · Accepted Answer · 2015-03-15 01:20:15

документ.формы будут содержать массив форм на Вашей странице. Вы можете перебирать эти формы, чтобы найти конкретную форму, которую вы хотите.
var form = false;
var length = document.forms.length;
for(var i = 0; i < length; i++) {
    if(form.id == "wanted_id") {
        form = document.forms[i];
    }
}
каждая форма имеет массив элементов, которые затем можно перебирать, чтобы найти нужные данные. Вы также должны иметь доступ к ним по имени
var wanted_value = form.someFieldName.value;
jsFunction(wanted_value);

Kevin Farrugia · Accepted Answer · 2016-12-21 14:33:45

Если вы хотите получить значения формы (например, те, которые будут отправлены с помощью HTTP POST), вы можете использовать

JavaScript
new FormData(document.querySelector('form'))
форма-сериализация (https://code.google.com/archive/p/form-serialize/)
serialize(document.forms[0]);
jQuery
$("form").serializeArray()

Tran Nguyen Nhat Thuy · Accepted Answer · 2016-08-07 08:55:01

вот пример из 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);
}

демо можно найти здесь.

Randhawa · Accepted Answer · 2017-12-13 06:59:22

<input type="text" id="note_text" />

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

Atav32 · Accepted Answer · 2018-03-26 22:11:52

несколько простых в использовании сериализаторов форм с хорошей документацией.

в порядке звезд Github,

jquery.сериализейсон

jquery-serialize-object

form2js

форма-сериализовать