先看一下效果吧：

（圖一）

（圖二）

（圖三）

---

演示：

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

---

原理：

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); /*這里跳轉(zhuǎn)的地址*/});

---

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

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

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

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

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

第三步：將拼接的模板進(jìn)行轉(zhuǎn)碼，進(jìn)行跳轉(zhuǎn)。

location.href = encodeURI(locationMess); 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。