PHP表单不会用javascript提交
php form wont submit with javascript
我有一个仪表板页面,为了最简单的解决方案,我把整个页面做成了一个表单(因为有几个下拉列表分散在整个页面上)。我想实现一个功能,可以提交表单每30分钟,无论是JavaScript, jQuery或其他任何东西,但当我尝试它只是拒绝执行代码,所以我试着回到一些基本的东西,如提交表单时,下拉框是通过"OnChange"改变。
下面是一个单独页面的示例片段,其中包含来自我的仪表板页面的一些代码。这本身应该是工作,但我只是看不出为什么它不会执行代码,也许我错过了一些明显的?你能帮我解决这个问题吗:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function submit_my_form(myfield)
{
myfield.form.submit();
}
function submitForm() {
document.getElementById("branchForm").submit();
}
</script>
</head>
<body>
<?php
$branch_array = array(
array(1,"BRANCH 1",1, "http://BRANCH.BRANCH1:1"),
array(2,"BRANCH 2",1, ""),
array(3,"BRANCH 3",3, "http://branch3:3"),
);
?>
<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="POST" name="branchForm" id="branchForm">
<select name="query" id="query" class="select" onChange="submit_my_form(this);">
<?php
foreach ($branch_array as $x) { // populate select box with branches available from array
echo '<option value ="'.$x[0].'"';
if (isset($_POST['query']) && $_POST['query'] == $x[0])
{
echo ' selected="selected" >'.$x[0].". ".$x[1].'</option>';
} else {
echo ' option="'.$x[0].". ".$x[1].'">'.$x[0].". ".$x[1].'</option>';
}
}
?>
</select>
<input type="submit" name="submit" value="Refresh" class="btnRefresh" />
<input type="button" value="go" name="click" onClick="submitForm();" />
</form>
<?php echo "<br/>Output: {$_POST['query']}"; ?>
</body>
</html>
当下拉菜单被改变时没有任何反应,当按下"go"按钮时也没有任何反应。
既然你不介意使用jQuery,那就开始吧:
var form = $("#formId");
$("select[name=selectField]").on("change", function(e){
form.trigger("submit");
});
http://jsfiddle.net/zt8zz1j5/它所做的就是监听select元素的变化,然后触发表单上的submit事件。当然,您需要更改名称和id以适应您的代码,但我相信您可以处理:),并记住在文档中包含jQuery。
对于按钮也是一样的。您可以监听'click'事件,然后在表单上触发'submit'。
相关文章:
- MVC在通过javascript提交时会丢失值
- 将带有多维数组的表单从Javascript提交到PHP
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 禁用Javascript时使用Javascript提交表单
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- 使用 JavaScript 提交表单
- 为什么我在使用 javascript 提交表单时没有通过不加载页面获取帖子数据
- 使用 javascript 提交具有不同值的表单
- 使用 javascript 提交现有表单将返回未定义
- 使用javascript提交表单
- 我可以't使用JavaScript提交表单
- 通过JavaScript提交更新的ng模型
- 当我们使用Javascript提交表单时,IsPostBack始终为True
- 不使用页面中存在的javascript提交特定表单
- 如何使用javascript提交表单
- 停止从javascript提交表单
- 如果表单仅通过JavaScript提交,则需要进行PHP验证
- 通过电子邮件发送表单通过javascript提交字段发送表单
- python使用javascript提交通过POST发送数据
- 使用Javascript提交表单不起作用