亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何讓我的搜索欄完成搜索

如何讓我的搜索欄完成搜索

江戶川亂折騰 2021-12-02 19:15:08
所以,我正在嘗試編寫這個餐廳 Finder 應用程序(對我來說只是一個有趣的項目),并且我希望有一個搜索欄來將用戶輸入的內容(比如雞肉)連接到 Yelp 中并能夠搜索雞肉餐館。Yelp 的網址是:https ://www.yelp.com/search?find_desc=chicken&find_loc=Richfield%2C%20MN 。我希望能夠使用“ https://www.yelp.com/search?find_desc= ”,添加 x (用戶輸入的內容),然后讓程序將它們拼湊在一起:“ https://www. yelp.com/search?find_desc=“+ ”用戶搜索查詢。這樣做只會讓我進入“ https://www.yelp.com/search?find_desc=&find_loc=Richfield%2C+MN ”。有任何想法嗎?<div id='content'>    <div id='content-app'>        <input type='text' id='field1' readonly value=''/>         <button onclick='search(<a href="https://www.yelp.com/search?cflt=)' id='search' style='width:80px'><a href="https://www.yelp.com/search?find_desc=" + "field1 readonly value text">Search</button>
查看完整描述

1 回答

?
喵喔喔

TA貢獻1735條經驗 獲得超5個贊

您發布的代碼中有許多錯誤。


我根據我認為您要完成的任務在下面創建了一個示例。此示例演示如何從文本字段獲取輸入、構建請求 URL 并將瀏覽器重定向到該 URL。


function search() {

  // Get value from search text field

  var search = document.getElementById('search').value;

  

  // Build Yelp request URL

  var yelpUrl = 'https://www.yelp.com/search?find_desc=' + search;

  

  // Redirect browser to Yelp request URL

  window.location = yelpUrl;

}

<input id="search" type="text" />

<button onclick="search()">Search</button>


該示例可以通過不使用onclick(), 而是使用該addEventListener()函數來進一步改進。但我認為你可以努力使用它。


查看完整回答
反對 回復 2021-12-02
  • 1 回答
  • 0 關注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號