先看一下效果吧：

（圖一）

（圖二）

（圖三）

---

演示：

在圖一搜索框內輸入”文字內容“，單擊搜索按鈕，即可將內容直接添加到百度瀏覽器的輸入框里面。

---

原理：

HTML代碼

<li><form action="#" id="search_box"><div class="wrapper"><input type="text" id="search" name="search" placeholder="酒店名/地址" /><img src="../../images/hotel/search.png" title="Search" class="search-data-img"/></div></form></li>

---

JS代碼

$(".search-data-img").click(function(){var message= $("#search").val();　var locationMess = "https://m.baidu.com/#|src_"+message+"|sa_ib";location.href = encodeURI(locationMess); /*這里跳轉的地址*/});

---

上面HTML代碼就不用解釋了，ＪＳ代碼才是有意義的，好吧。看下面：

第一步：獲取　id=”search”的ｉｐｕｔ框里面的輸入值 　

var message= $("#search").val();　

第二步：拼接模板，模板 location.href = “https://m.baidu.com/#|src_這里是輸入的內容|sa_ib”;

var locationMess = "https://m.baidu.com/#|src_"+message+"|sa_ib";

第三步：將拼接的模板進行轉碼，進行跳轉。

location.href = encodeURI(locationMess); 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的动态添加内容到百度搜索框里的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。