javascript - 下拉列表更改时的 HTML 提交表单

Question

早上好!

我知道这个主题之前已经在 SO 上讨论过，但我无法在下面找到针对我的具体情况的完整答案，所以如果我在其他地方错过了答案，我深表歉意。

范围:

我想要实现的是一个可以加载 php 文件的下拉列表(使用纯 HTML 或 java 脚本完成，HTML 是首选)。在该 php 文件中，它应该能够访问所选下拉列表的值。

我尝试过的:

---

方法一:

我以前用过这样的方法:

<form action="test.php" method="post">
<select name="dropdown" id="dropdown">
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
</select>
<input name="submitbutton" type="submit" value="submit" />
</form>

然后单击提交按钮，加载 test.php 页面，我可以使用 $_POST("dropdown") 获取下拉列表的值。这种方法非常有效!但是我想在不需要按钮的情况下提交表单，只需使用下拉 onchange 事件即可。

---

方法二:

我也试过使用:

<form>
<select name='dropdown' onchange='this.form.submit()'>
<option value="value1">Option 1</option>
<option value="value2">Option 2</option>
</select>
<noscript><input type="submit" value="Submit"></noscript>
</form>

这将在更改时重新加载页面，但不会重新加载 test.php 页面。将“this.form.submit()”更改为 test.php 不起作用。

---

我觉得我与两者都很接近，但又不完全一样。我希望我正在努力实现的目标得到足够好的解释。

感谢您提前回复!

Answer 1

添加:

<form action="test.php" method="post">

到方法 2，它应该可以正常工作。