搜索表单错误发送到 ?q=

Question

我正在使用 Bootstrap 主题，我的表单是这样的：

<form class="navbar-form" role="search" method="get" action="<?=$domain?>search" onsubmit="DoSubmit();">
    <div class="input-group">
        <input type="text" class="form-control input" placeholder="Search" name="q">
        <div class="input-group-btn">
            <button  type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
        </div>
    </div>
</form>

原来放置的页面是

http://www.domain.com/toys/search/Electronics 为儿童/

当我搜索表单“测试”并按 Enter 时，它会将我发送到

http://www.domain.com/toys/search/?q=test

我应该用什么替换发送给我的代码：

http://www.domain.com/toys/search/test

提前致谢！

Answer 1

如果您使用引导程序，我假设您使用 JQuery。

请按照以下步骤操作：

HTML：

<form class="navbar-form" role="search" method="get" action="<?=$domain?>search" id="searchFrom">
    <div class="input-group">
        <input type="text" id="searchField" class="form-control input" placeholder="Search" name="q">
        <div class="input-group-btn">
            <button  type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
        </div>
    </div>
</form>

JS：

$('body').on('submit','#searchFrom', function(e) {
    e.preventDefault();
    location.href = $(this).attr('action')+'/'+encodeURIComponent($('#searchField').val());
});