获取 HTML 表单值

javascript html

2022-08-30 01:51:19

如何获取要传递给 JavaScript 的 HTML 表单的值？

这是正确的吗？我的脚本采用两个参数，一个来自文本框，一个来自下拉框。

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

答案 1

网页：

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

JS：

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

答案 2

如果要检索表单值（例如使用 HTTP POST 发送的值），可以使用：

JavaScript

const formData = new FormData(document.querySelector('form'))
for (var pair of formData.entries()) {
  // console.log(pair[0] + ': ' + pair[1]);
}

表单序列化（https://code.google.com/archive/p/form-serialize/）

serialize(document.forms[0]);

jQuery

$("form").serializeArray()