2011-09-02 30 views
0

我有一个脚本,它基于用户在输入字段中输入一个字符,为输入字段提供建议。它采用了功能,使在一个逗号分隔的建议使用这个网站:带有提示的搜索建议的下拉列表

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

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

现在我想用一个下拉框,而不是一个建议字符串。我想我需要把输入字段和可选择的选项放在一个div中,但是我不知道如何在选中它后在输入字段中获得一个选项。我怎么做?

+0

使用jQuery的自动完成:http://docs.jquery.com/Plugins/autocomplete –

回答

0

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

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

JQuery的自动完成功能为@DemianBrecht建议将是别的路可走,如果你正在寻找创建功能更齐全的接口。

+0

难道是有意义的做所有的HTML在PHP格式和替代使用HTML的逗号分隔文本建议脚本当前显示器? – niche

+0

@niche - 我真的不明白你的意思。 – mmhan