如何進行輸入以便當用戶點擊它時,它會顯示輸入可以採用的所有可能值?我可以從我的數據庫使用PHP獲取值,但要顯示像下面的圖像,我想我將不得不使用JavaScript?我該怎麼做?HTML輸入自動完成/建議
例如,在phpPgAdmin的:
如何進行輸入以便當用戶點擊它時,它會顯示輸入可以採用的所有可能值?我可以從我的數據庫使用PHP獲取值,但要顯示像下面的圖像,我想我將不得不使用JavaScript?我該怎麼做?HTML輸入自動完成/建議
例如,在phpPgAdmin的:
如何在HTML選擇標籤?它會創建一個下拉菜單,其中包含可從php腳本(從數據庫中提取)加載的選項。從W3Schools的一個例子是在這裏:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
這是你最好的選擇。花哨的風格等可能是用一些JS完成的 - 但除非你真的準備好深入探討出現的跨瀏覽器問題(使用墊片,奇怪的形式相關的東西,管理真正的選擇選項,同時顯示div對應於隱藏在頁面中的選擇等),KISS,並且只使用這裏給出的示例。 '<?php $ options = get_options();回聲「
這可能是可能與阿賈克斯
步驟:
1. prepare database for such suggested values.
2. On key event run Ajax
3. Get Response of Ajax and show in list using ul li in HTML
例如
在HTML5中,你有一個新的表單輸入:
<input id="color" list="suggests">
<datalist id="suggests">
<option value="Black">
<option value="Red">
<option value="Green">
<option value="Blue">
<option value="White">
</datalist>
如果你的瀏覽器不支持此輸入,您可以使用填充工具如下所述:http://css-tricks.com/relevant-dropdowns-polyfill-for-datalist/
這只是涉及到獲得一個合適的回答。搜索一個插件或開始創建一些東西,然後就更具體的編碼問題尋求幫助。 – adeneo 2013-04-04 15:37:48
谷歌搜索「jquery ajax autosuggest php」把我帶到這裏:http://papermashup.com/jquery-php-ajax-autosuggest/ – smerny 2013-04-04 15:38:17
你所要求的聽起來像是一個下拉列表,爲什麼不簡單地創建一個下拉列表並填充它數據從你的sql數據庫 – 2013-04-04 15:38:45