javascript 如何获取表单中所有文本框？

JavaScript013

javascript 如何获取表单中所有文本框？,第1张

先获取到form表单\x0d\x0a然后获取表单中所有input标签，循环判断获取到的input的type，如果没有type，或者type是text，或者type为空 的就是文本框了\x0d\x0a\x0d\x0avar inputs = document.getElementById("form的id").getElementsByTagNames("input")\x0d\x0avar ls = []\x0d\x0afor(var i=0i 回答于 2022-12-11

不需要循环，用FormData就可以了。

var form=document.getElementById("showDataForm")

var fd = new FormData(form)

$.ajax({

url: "upload.php",

type: "POST",

processData: false,

contentType: false,

data: fd,

success: function(d) {

console.log(d)

}

})

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv=Content-Type content="text/htmlcharset=gb2312">

<script type="text/javascript">

function cal() {

var typeVal = document.getElementById("type").value

var cntVal = document.getElementById("cnt").value

var totalObj = document.getElementById("total")

totalObj.value = typeVal * cntVal

}

</script>

</head>

<body>

种类：

<select id="type" onChange="cal()">

<option value="50000">5万</option>

<option value="100000">10万</option>

<option value="150000">15万</option>

<option value="200000">20万</option>

<option value="250000">25万</option>

<option value="300000">30万</option>

</select>

<br />

数量：

<select id="cnt" onChange="cal()">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

</select>

<br />

金币数：

<input id="total" type="text" width="100px">

</body>

</html>