Javascript使用函数提交表单并打印下面的数据

问题描述 投票:0回答:2

我在制作此表单时遇到了提交按钮的问题,由于某种原因,当我按提交时,该方法(在javascript中)不会更新页面底部的表单信息。我不知道是否与页面中的拼写错误或逻辑错误有关。

<!DOCTYPE html>
<html> <head> <title></title>


<script>

function update(){
     var form = document.getElementById("myForm");
     var status = document.getElementById("status");
    status.innerHTML = "First Name" + form.elements["name"].value
}

</script>
</head>

<body>

<form id = "myForm">
First Name: <input name = "first" /><br />
Last Name: <input name = "second"/><br />
Date <input type="date" name = "date"/><br />
 Eye Colour <select name ="colour">
     <option value="blue">Blue</option>
     <option value="green">Green</option>
     <option value="brown">Brown</option>
     <option value="grey">Grey</option>
     <optioin value = "other"> Other</optioin>
</select> <br />


<button type="reset" value="Reset">Reset</button><br />
<button type="submit" onCLick = "update();" value="Submit">Submit</button>

</form>

<div id="status"></div>


</body>


</html>
javascript html
2个回答
© www.soinside.com 2019 - 2024. All rights reserved.