<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>Bing搜索框</title>
????<style?type="text/css">
???????body{margin:?0;padding:0;}
???????.bgdiv{background-image:?url(river.jpg);width:?1366px;height:657px;position:?relative;?margin:?0,auto;}
???????.sbox{position:?absolute;top:131px;left:109px;}
???????.logo{background-image:?url(logo.png);width:107px;height:53px;float:left;margin:?-4px?18px?0?0;}
???????.search-form{float:left;background-color:#FFF;}
???????.search-text{margin-left:9px;border:?none;height:43px;line-height:43px;float:?left;outline:?none;width:490px;font-size:?18px}
???????.search-button{border:?none;background-image:?url(bar.png);width:45px;height:45px;background-position:-160px?-55px;?background-color:#0C8484;float:left;cursor:?pointer;}
???????.suggest{width:546px;background-color:?#FFF;border-top:1px?solid?#E5E5E5;position:?absolute;top:45px;left:125px;}
???????.suggest{list-style:?none;margin:0;padding:?0;display:?none;}
???????.suggest?li{padding:?4px?5px?5px?11px;}
???????.suggest?li:hover{text-decoration-line:?underline;cursor:?pointer;background-color:?#F5F5F5;}
???????.suggest?li?span{color:#666666;}
????</style>
</head>
<body>
????<div?class="bgdiv">
????????<div?class="sbox">
????????????<div?class="logo"></div>
????????????<form?class="search-form"?action="https://cn.bing.com/search"?target="_blank">
??????????????<input?type="text"?class="search-text"?id="search-input"?autocomplete="off">
??????????????<input?type="submit"?class="search-button"?value="">
????????????</form>
??????????????<ul?class="suggest"?id="suggest">
????????????????<li?class="item"><span>手機</span></li>
????????????????<li?class="item"><span>手機</span>助手</li>
????????????????<li?class="item"><span>手機</span>管家</li>
????????????????<li?class="item"><span>手機</span>微信</li>
????????????????<li?class="item"><span>手機</span>壁紙</li>
????????????????<li?class="item"><span>手機</span>號碼歸屬地查詢</li>
????????????????<li?class="item"><span>手機</span>排行榜</li>
????????????????<li?class="item"><span>手機</span>游戲</li>
????????????</ul>
????????</div>
????</div>
</body>
<script?src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<script?type="text/javascript">
????$(window).on("load",function(){
????????$("#search-input").on("keyup",function(){
????????????var?searchText=$("#search-input").val();
????????????$.get("http://api.bing.com/qsonhs.aspx?q="+searchText,function(data){
????????????????var?result=data.AS.Results[0].Suggests;
????????????????var?html="";
????????????????$(result).each(function(i,val){
????????????????????html+="<li>"+val.Txt+"</li>"
????????????????})
????????????$("#suggest").html(html);
????????????if?($("#search-input").val().length!=0)?{
????????????????$("#suggest").css("display","block")
????????????}?else?{
????????????????$("#suggest").css("display","none")
????????????}
????????????},"json");
????????})
????})
</script>
</html>按搜索按鈕的時候只能跳轉(zhuǎn)到必應的首頁，我想跳轉(zhuǎn)到搜索結(jié)果頁面，怎么實現(xiàn)？
Bing搜索框制作中獲取到服務器響應卻無法跳轉(zhuǎn)到結(jié)果頁面？
謝爾頓的發(fā)際線
2016-10-26 11:53:35
