Question

您好我需要为使用三个提交按钮查询外部网站的表单编写代码。每个提交按钮都会发送一些常见的输入字段，还有一些与特定的个体有关。我相信我需要使用JavaScript，但我不确定我能做些什么。以下是表格的结构。

<form action="external website" method="post">
{{ form_with common input selectors }}

<!-- if submit Option one is used -->
<input type="text" name="fixed" value="option one">

<!-- if submit Option two is used -->
<input type="text" name="fixed" value="option two">

<!-- if submit Option three is used -->
<input type="text" name="fixed" value="option three">

<input type="submit" name="Option one" value="option one" />
<input type="submit" name="Option two" value="option two" />
<input type="submit" name="Option three" value="option three" />
</form>

非常感谢专家的帮助！

贝斯茨

Answer 1

如果我理解你的问题，这将是你的答案。只需将三个值中的一个作为表单的一部分发送，这似乎就是您所要求的。

问题相当模糊，但这可能没有帮助。

<!-- ONLY ONE INPUT FIELD IS NEEDED -->
<input id="SOMETHING" type="text" name="fixed" value="">


<input type="submit" name="Option one" onClick="firstbutton();" value="option one" />
<input type="submit" name="Option two" onClick="secondbutton();" value="option two" />
<input type="submit" name="Option three" onClick="thirdbutton();" value="option three" />
</form>

<script type="text/javascript">
var input1 = "whatever input 1 will be";
var input2 = "whatever input 2 will be";
var input3 = "whatever input 3 will be";
function firstbutton() {
document.getElementById('SOMETHING').value = input1;
}
function secondbutton() {
document.getElementById('SOMETHING').value = input2;
}
function thirdbutton() {
document.getElementById('SOMETHING').value = input3;
}
</script>

Answer 2

将三个提交分成三个单独的表单，并为每个表单提供不同的id（form1，form2，form3）。这会容易得多。如果您将AJAX挂钩到这些表单，那么您不必担心链接到这些表单的其他页面的其余部分。

具有多个提交按钮的表单，用于查询外部网站

2 个答案: