如何进行输入以便当用户点击它时,它会显示输入可以采用的所有可能值?我可以从我的数据库使用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