input搜索框 php,js获取搜索框input内容并拼接url提交搜索的写法

有时候网站中需要用到多种不同参数搜索，但是又不想改后端代码麻烦，就可以通过js前台拼接url来快速实现不同参数的搜索。

举例，我这里的搜索url是：www.test.com/index.php?s=news&c=search&catid=10&keyword=搜索关键词

其中catid是指定查询内容的栏目id，keyword后面是本次搜索的关键词

接下来我们用js来获取input搜索框中输入的值并拼接成我们的搜索url，请看下面代码；

HTML代码部分

搜索

JS代码部分

function search1(){

var a=document.getElementById("srk").value; //获取id为srk的input值

//alert(a);  测试获取的值

window.href='/index.php?s=news&c=search&catid=10&keyword=' + a;

// 拦截input空提交

if(a=="") {

alert('查询内容不能为空');

window.href='/index.php?c=category&id=10' //拦截后需要去的页面

}

}