使用getElementbyID()提交表单时无法执行任何操作

时间:2015-01-26 07:57:07

标签: javascript php jquery html forms

我是C ++程序员,是JS World的新手。

这是指我之前提出的问题。

How to submit form based on certain condition?

我正在尝试使用document.getElementById根据特定条件提交表单,但没有输出。

<!doctype html>
<html lang="en">
<head>
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<title>jQuery.post demo</title>
<body>
<meta charset="utf-8">
<div id="form-container" style="padding-top: 10px; padding-bottom: 10px;">

<script>
  var x=Math.random();;
  if(x > 0.5)
  {
      //document.writeln(x);
      document.getElementById('form-container').submit();
  }  
</script>
X Value: <input type="text" name="X"><br>
<br>
<p style="text-align: left;"><button type="button" id="submit-button">Submit</button></p>
</div>
</body>
<script>
$(document).ready(function(e) {
  $('#submit-button').click(function(event){
    $('#form-container').submit();
  )};
)};
</script>
</html>

3 个答案:

答案 0 :(得分:3)

您无法在<div>上执行.submit()!您需要<form>代码,其中包含Actionmethod属性。

action Atrribute告诉浏览器他必须在哪里发送数据,method属性说明发送数据的方式(POST或GET)。

<form Action="process.php" method="POST">

当然,您也可以添加ID来识别表单。

答案 1 :(得分:0)

您应该在HTML中使用表单并指定属性以允许表单提交:

<form id="form-container" action="url to your action where the form submit request will hit" method="get">

参考:http://www.tutorialspoint.com/html/html_form_tag.htm

答案 2 :(得分:0)

你应该提交表格而不是div 所以在表单标记中包含url和方法类型