搜索框下面的提示相关词<li>宽度与上面的输入框不一致

<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');
});

 
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值