我的代碼
<!DOCTYPE html>
<html>
<body>
<div id="form-sample">
<form enctype="multipart/form-data">
<input type="text" name="sample-text" />
<input type="radio" name="sample-radio" value="yes" />
<input type="radio" name="sample-radio" value="no" />
<input type="file" name="images[]" multiple="multiple" />
<input type="submit" value="Fetch Data" />
</form>
</div>
<script>
function onSubmitForm(e) {
e.preventDefault();
const fD = new FormData(document.querySelector("#form-sample form"));
console.log(fD.entries()); // get an empty FormData Iterator
}
document.addEventListener('DOMContentLoaded', function(e) {
document.querySelector("#form-sample form").addEventListener("submit", onSubmitForm, false);
});
</script>
</body>
</html>為什么 FormData 不加載<form>輸入，為什么不回傳例外？
實際上在最新的 Firefox 版本 (v95.0) 上嘗試此代碼
uj5u.com熱心網友回復：
您可以遍歷迭代器：https : //developer.mozilla.org/en-US/docs/Web/API/FormData/entries
可以一一獲取值：https : //developer.mozilla.org/en-US/docs/Web/API/FormData/get
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/383123.html
標籤：javascript html 形式
下一篇：Django表單欄位到HTML