1

我需要在我的网站上有一个搜索字段，允许用户搜索他们的位置（当地天气预报）。

我有一个位置的 html 列表 - 每个位置都是可点击的（带有相关天气预报页面的 href）。

用户应该开始在搜索字段中输入一个位置 - 当输入位置名称时，一个匹配函数应该启动并自动填充搜索字段。

用户不应该看到列表 - 只有搜索字段。

匹配功能自动填充搜索字段后，用户应按 go 或 return - 并激活相关天气预报的链接。

我知道一些 html 和 javascript，但这一个超出了我的水平。

我在 stackoverflow Filter search for <ul>中找到了这段代码。是这样的——但用户不能看到列表。

4

1 回答 1

1

您会与我们分享一些信息：

您知道一些 HTML，但不想展示它？如果您向我们发送一些代码，我们会为您提供更好的帮助！:)

你需要什么

好的，事情就是这样。

首先创建一个输入字段，例如：

<input type="text" name="text" id="text" value="" onkeyup="search()"/>

然后使用一个函数：

function search () {
  var value_field = $('#text').val();
  $.ajax({
    // create an ajax request here..and get the value
    success: function (data) {
      $('#div').html(data);
    }
  });
}

<div id="div"></div>

这将是来自 ajax 的所有数据都会显示并显示的 div。

所有事情发生的地方

现在主要的是来自另一页。您需要控制它以显示数据或隐藏它或您想要它做的任何事情。这将发生在请求所在页面的另一个页面上。

您可以尝试仅在完美匹配时才显示数据，否则请写下：

$('#div').html('Keep writing, you can match');

并且让用户多写几句，谁知道他心里想的是什么！

用户永远不会看到列表

直到或除非您让他转到该页面，直到那时他才会看到您正在查看他的结果！因此，当请求仅是 Ajax 时，您应该使用数据库来显示数据，否则不要创建与数据库的连接。这样用户永远不会看到列表，除非它是你！:D

概括：

事情是一样的，主要过程是：

  1. 您在输入字段中创建一个function以在添加任何单词时进行搜索。现在忘记退格。

  2. 您会将值发送到下一页进行处理，获取数据，将其设置为您希望用户看到的类型。

  3. 使用 `$('selecter').html(data); 显示它

祝你好运。

于 2013-10-10T09:48:22.257 回答