使用JavaScript而不使用数据库的动态下拉菜单

Question

是否有一种快速而肮脏的技术，可以在不使用数据库后端的情况下创建动态下拉菜单？将有三个级别的下拉菜单，其中有很多项目，因此快速而肮脏！

由于

Answer 1

您选择从数据库加载项目的事实与下拉菜单本身几乎无关。您始终可以从JSON，.csv或xml文件中读取。根据实现情况，您甚至可以将项目直接加载到HTML页面中（但如果您有很多项目，那么这将非常缓慢，因此不建议这样做。）

通过AJAX加载包含项目的文件（最好是JSON），解析它并动态创建标记。

提供细节非常困难，因为内容的来源不应该那么重要。如果您打算使用经典的<select>标记，只需创建该元素即可。 jQuery是你的快速和肮脏的朋友。

使用JSON.parse（）将返回结构化对象，您可以使用该对象循环遍历元素并将子节点添加到<select>节点。

Answer 2

你的问题有点模糊，所以我会给你一个“一般”的答案。

有像jQuery和knockoutJS这样的工具。您可以使用knockoutJS来表示客户端视图模型并使用它（可能与jQuery结合）使用您的数据填充视图。

我认为你应该看看knockoutJS，特别是observables，可观察数组，options绑定及其对AJAX请求的支持 - 这听起来像是一个合理的起点。

可以在此处找到knockoutJS文档：http://knockoutjs.com/documentation/introduction.html