javascript - 当用户从下拉列表中选择一个选项时执行 POST 命令

Question

我正在设置一个页面，其中第一步是让用户从下拉列表中进行选择。我不想要求用户首先进行选择，然后单击提交按钮，因为此时他们没有其他事情要做。以下是页面 FORM 元素部分的代码片段。

<form action="index.php" target="_self" method="post">
<label style:padding:1px margin:0px font-size:12px>Last Name</label>
<select name="UniqueLastNames" onchange="checkField(this.value)">
(the option values are wrapped in php and get their values from a database)

我知道通常最后一部分是使用 type=submit 的输入元素，但我只想在用户从列表中做出选择后立即运行 POST 操作。 Java 脚本“checkFidld() 返回选定的名称，目前将其放入我表单上的标签中，这只是证明下拉列表正在工作。

我还更喜欢使用 POST 而不是 GET，这样用户就无法更改 url，是的，用户实际上停留在同一页面上，并且该页面的其余数据将在该页面时填充刷新。

Answer 1

在调用 checkField 函数后，只需调用表单中的 submit 方法即可。例如:

HTML

<form action="index.php" target="_self" method="post" id="your-form">
    <select name="UniqueLastNames" onchange="checkField(this.value)">
        ...
    </select>
</form>

JavaScript

function checkField(val) {
    // do something with your val
    document.getElementById('your-form').submit()
}

请注意，我向表单元素添加了一个 ID，以便我可以在 JavaScript 中轻松选择它。