2011-09-02 59 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