自定义地址输入
我正在尝试创建一个输入框,供用户输入他们的地址。但是,是否可以在数据库中提供现有地址的下拉列表供用户选择,同时允许他们在未列出的情况下输入自己的地址?
我希望这是有道理的?
I am trying to create an input box for users to type in their address. But is it possible to have a drop down of already existing addresses in the database for the user to choose from and at the same time allow them to type their own address if it's not listed?
I hope this makes sense?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以从数据库中提取电子邮件地址,并使用它们在选择标签内构建选项标签列表。在列表末尾添加另一个选项标签,内容类似于“输入另一个地址”。然后使用一些 javascript,当选择列表中的最后一项时,会显示一个文本字段。
确保隐藏的输入默认显示,并使用 javascript 隐藏,这样即使 javascript 不可用,页面仍然可用。
You could pull the email addresses from the database, and use them to build a list of option tags inside your select tag. Add another option tag at the end of the list that says something like "Input another address". Then use a bit of javascript that causes a text field to be revealed when the last item in the list is selected.
Make sure the hidden input is revealed by default, and hidden using javascript, so that if javascript is not available, the page will still be usable.
这可以通过 jQuery 的自动完成插件来完成。将 MustMatch 选项设置为 false:
http://docs.jquery.com/Plugins/Autocomplete/自动完成#url_or_dataoptions
This can be accomplished with jQuery's Autocomplete plugin. Set the mustMatch option to false:
http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions