带有提示的搜索建议下拉菜单答案

【问题标题】：dropdown for search suggestions with prompting带有提示的搜索建议下拉菜单
【发布时间】：2011-11-08 20:29:42
【问题描述】：

我有一个脚本，它根据用户在输入字段中键入字符来为输入字段提供建议。它使用一个函数以使用此 html 分隔的逗号提出建议：

<body>
    <form>
        First name:
        <input type="text" onkeyup="showHint(this.value)" size="20" />
    </form>

    <p>Suggestions: <span id="txtHint"></span></p>
</body>

现在我想使用下拉框而不是建议字符串。我想我需要将输入字段和可选选项放在一个 div 中，但我不知道如何在选择后将选项放入输入字段。我该怎么做？

【问题讨论】：

使用 jQuery 的自动完成功能：docs.jquery.com/Plugins/autocomplete

标签： javascript html dynamic input autosuggest

【解决方案1】：

您可以获取所选选项的值属性（或文本节点）并将其填充到输入框。

$(<input>).value(
    originalValue +", " + $(<select>).val()
);

@DemianBrecht 建议的 JQuery 自动完成功能将是另一种方法，如果您希望创建更多功能完整的界面。

【讨论】：

在 PHP 中进行所有 html 格式化并将格式化的 html 替换为脚本当前显示的逗号分隔文本建议是否有意义？
@niche - 我真的不明白你的意思。