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

【问题标题】：Dynamic drop down menus using JavaScript without using a database使用 JavaScript 而不使用数据库的动态下拉菜单
【发布时间】：2012-08-31 18:42:05
【问题描述】：

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

谢谢

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

你的问题有点含糊，所以我给你一个“笼统”的答案。

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

我认为您应该看看 knockoutJS，尤其是可观察对象、可观察数组、options 绑定，以及它对 AJAX 请求的支持——这听起来是一个合理的起点。

【讨论】：