gpt4 book ai didi

jquery - 如何在选择更改时提交表格

转载 作者:行者123 更新时间:2023-12-03 22:00:57 25 4
gpt4 key购买 nike

我有以下表格。我希望当用户做出选择时通过 jQuery 自动提交,而不需要按提交按钮。我该怎么做?

<form action="" method="post">
<select name="id" id="cars">
<option value="">Choose</option>
<option value="1">Toyota</option>
<option value="2">Nissan</option>
<option value="3">Dodge</option>
</select>
<input type="submit" name="submit" value="Submit">
</form>

adeneo,我尝试了你的建议,但仍然不起作用。这是完整的代码,有什么问题吗?

<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#cars').on('change', function() {
this.form.submit();
});
});
</script>
</head>
<body>
<form action="" method="post">
<select name="id" id="cars">
<option value="">Select...</option>
<option value="1">Toyota</option>
<option value="2">Nissan</option>
<option value="3">Dodge</option>
</select>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>

最佳答案

您的表单缺少操作值,这导致无法在最后提交表单。但在中期您应该更正此代码:

$(document).ready(function() {
$('#cars').on('change', function() {
document.forms[myFormName].submit();
});
});

您还可以通过触发提交按钮点击事件来提交表单:

$(document).ready(function() {
$('#cars').on('change', function() {
var $form = $(this).closest('form');
$form.find('input[type=submit]').click();
});
});

关于jquery - 如何在选择更改时提交表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28122019/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com