Javascript 带有提示的搜索建议下拉列表_Javascript_Html_Dynamic_Input_Autosuggest

Javascript 带有提示的搜索建议下拉列表

javascript html dynamic input

Javascript 带有提示的搜索建议下拉列表,javascript,html,dynamic,input,autosuggest,Javascript,Html,Dynamic,Input,Autosuggest,我有一个脚本，它根据用户在输入字段中键入的字符为输入字段提供建议。它使用一个函数以逗号分隔，并使用以下html提供建议： <body> <form> First name: <input type="text" onkeyup="showHint(this.value)" size="20" /> </form> <p>Suggestions: <span id="txtH

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

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

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


名字：
建议：

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

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

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

$（）.value(
原始值+”，“+$（）.val（）
);

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

使用jQuery的自动完成：在PHP中进行所有html格式化并用格式化的html替换脚本当前显示的逗号分隔的文本建议是否有意义？@niche-我真的不明白您的意思。