Question

因此，我正在尝试编写此餐厅搜索器应用程序（对我来说只是一个有趣的项目），并且我希望有一个搜索栏将用户输入的内容（例如鸡肉）连接到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>

Answer 1

您发布的代码中存在许多错误。

我根据您想完成的任务在下面创建了一个示例。此示例演示了如何从文本字段获取输入，构建请求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()函数来进一步改进示例。但是我认为您可以使用它。

如何使我的搜索栏完成搜索

1 个答案: