Question

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

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

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

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

Answer 1

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

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

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

通过提示下拉搜索建议

1 个答案: