<div id="search">
<form action="" method="post" name="" id="">
<input type="text" class="sousuo" id="k" name="k"/><input type="submit" class="sub" value="进入词条" id="s" name="s"/><br/>
<div id="search_auto"></div>
<p><input type="radio" name="" id=""/><a href="#">存款</a> <input type="radio" /><a href="#">存款</a> <input type="radio" /><a href="#">存款</a> <input type="radio" /><a href="#">存款</a> <input type="radio" checked="checked"/><a href="#">存款</a></p>
<p class="hot"><a href="#"><span>热点词条:</span></a><a href="#">MIS申请</a><a href="#">数据迁移</a><a href="#">数据仓库</a><a href="#">数据管理</a><a href="#">数据</a><a href="#">MIS申请</a></p>
</form>
</div>
$(function(){
$('#search_auto').css({'width':$('#search input[name="k"]').width()+8});
$('#search input[name="k"]').keyup(function(){
var name=$("#k").val();
if(name.length<1) return ;
$.ajax({
type: "POST",
url: "ajaxSearchNames.action",
data : {
name:name
},
datatype : 'JSON',
success : function(data) {
var str="<ul class='wah'>";
var json = eval("(" + data + ")");// 将数据转成json格式
$.each(json.items, function(index,item){
var no=item.no;
var subname=item.subname;
str+="<li class='bli'><a href=#><span id='"+no+"'></span>"+subname+"</a></li>";
});
str+="</ul>";
$("#search_auto").html(str);
$('#search_auto').css({'width':$('#search input[name="k"]').width()+8});
$('ul.wah').find('li').each(function(){
$(this).bind('click', function() {
var thisno=$(this).find('span').attr('id');
window.location.href="getSubjectByNo.action?no="+thisno;
});
});
$("#search_auto").show();
}// end success
});//end ajax
}); //end keyup
$('#k').focus(function(){
$(this).css('border','1px solid #cccccc');
});
});