搜索框下面的提示相关词
  • 宽度与上面的输入框不一致
  • <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');
    });
    
     
    });

    你可能感兴趣的:(json,function,search,Class,input,数据仓库)