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

时间:2015-07-02 06:42:00

标签: php forms search

我使用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 for Kids /

当我搜索表单&#34; test&#34;然后按回车键,它会将我发送给

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

我该怎么替换代码才能发送给我:

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

提前致谢!

1 个答案:

答案 0 :(得分:3)

如果您使用bootstrap,我假设您使用JQuery。

以下是:

HTML:

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

JS:

change