将表单输入值作为路径附加到操作URL上

Question

我有一个像这样的表单:

<form action="http://localhost/test">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

如果我在文本输入框中键入一个值，比如说：'hello'，并提交表单，那么URL看起来像这样：http://localhost/test/?keywords=hello。

我希望这个值被附加到动作路径上。所以基本上，在表单提交后，URL应该看起来像：

http://localhost/test/hello

- littleibex

---

你可能需要使用.htaccess重写规则！ - Rayon

Answer 1

您可以使用onsubmit属性，并在函数中设置操作，例如：

<form id="your_form" onsubmit="yourFunction()">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

function yourFunction(){
    var action_src = "http://localhost/test/" + document.getElementsByName("keywords")[0].value;
    var your_form = document.getElementById('your_form');
    your_form.action = action_src ;
}
    

- prieston

Answer 2

你可以使用 onsubmit 并使用 jQuery 来获得相同的结果。

请查看以下内容。

HTML 代码：

<form id = "your_form" onsubmit="yourFunction()">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

jQuery代码：

    function yourFunction(){

    var action_src = $("keywords").val();
    var your_form = $('your_form').val();

    var urlLink = "http://localhost/test/";
    urlLink = urlLink + action_src;



    your_form.action = urlLink;

}

- Du-Lacoste