javascript - 在提交表单之前向参数添加文本

我有这样的形式

<form action="http://example.com/search" method="get">
    <input type="text" name="q">
    <input type="submit">
</form>

当我在参数q中填写一些文本（例如'AAAAA'）并提交此表单时，网址变为http://example.com/search?q=AAAAA。

但是，我想在提交之前将一些文本与其他文本一起添加到参数q中。例如，如果用户输入“ AAAAA”，则参数将变为“ AAAAA BBBBB CCCCC”。因此，URL变为http://example.com/search?q=AAAAA+BBBBB+CCCCC。

最佳答案

提交前使用JavaScript修改值。将onsubmit事件添加到表单中，当您提交按钮时将触发该事件。像这样...

<form action="http://example.com/search" method="get" onsubmit="return addText();">
    <input type="text" name="q" id="q">
    <input type="submit">
</form>

<script>
function addText(){
    document.getElementById("q").value += " BBBB CCCC"; // Whatever your value is
    return true;
}
</script>