js搜索

本文介绍了一个简单的网站搜索功能实现方式,包括关键词输入、类别选择及响应式搜索按钮。通过JavaScript函数,检查用户输入并根据所选类别跳转到相应的产品或新闻页面。

function check()
{
var txtseach=document.getElementById("txtseach");
var big=window.document.getElementById("bigclass").value;

var name=encodeURI(txtseach.value);
if(txtseach.value.length<=0)
{
alert('请输入关键字搜索');
}
else if(txtseach.value=='输入关键字……')
{
alert('请输入关键字搜索');
}
else{
if(big==1)
{
location.href="product.aspx?name="+name+"";
}
else if(big==2)
{
location.href="news.aspx?name="+name+"";
}


else{
alert('请选择类别!');
}
}}

function clearDefaultText (el,message)
{
var obj = el;
if(typeof(el) == "string")
obj = document.getElementById(id);
if(obj.value == message)
{
obj.value = "";
}
obj.onblur = function()
{
if(obj.value == "")
{
   obj.value = message;
}
}
}

<div class="search"><input name="" type="button" value=" " class="searbu" onclick="return check();"/> <input id="txtseach" name="" type="text" class="searin" value="输入关键字……" onclick="clearDefaultText(this,'输入关键字……')"/><select class="searse"  id="bigclass"><option value="0">选择类别</option><option value="1">产品</option><option value="2">新闻</option></select><span>站内搜索:</span></div>

转载于:https://www.cnblogs.com/zhang9418hn/archive/2011/05/04/2036954.html

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值