如何通过纯javascript实现表单提交

如题所述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
.s-platform-edit {
width: 100%;
height: 100%;
}
</style>
</head>

<body>

能获取到值不知道你不会提交到后台

<div id="s-platform-edit" class="s-platform-edit">
  <div class="s-default-tag-div" id="tarNew0"  style=" width: 100%; height: 50px;">姓名 :
    <input class="s-default-tag-input" id="tarNew1" >
  </div>
  <div class="s-default-tag-div" id="tarNew2"  style=" height: 50px;">生日 :
    <input class="s-default-tag-input" id="tarNew3" >
  </div>
  <div class="s-default-tag-div" id="tarNew5"  style=" height: 50px;">年龄 :
    <input class="s-default-tag-input" id="tarNew4" >
  </div>
  <button class="s-default-tag-button" id="tarNew6" value="BUTTON"  onclick="get()" >提交</button>
</div>
</body>
<script>

function get(){
var a = document.getElementById("s-platform-edit");
var input = a.getElementsByTagName("input");
var str = "";
for(var i = 0 ; i < input.length ; i++){
str += input[i].value + "          ";
}
alert(str);
}

</script>
</html>
温馨提示:答案为网友推荐,仅供参考
相似回答