我正在使用 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 child /
当我搜索表单“test”并按回车键时,它会将我发送到
http://www.domain.com/toys/search/?q=test
我应该用什么替换发送给我的代码:
http://www.domain.com/toys/search/test
提前致谢!
最佳答案
如果您使用 bootstrap,我假设您使用的是 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());
});
关于php - 搜索表单错误发送到 ?q=,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31177247/