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

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

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

很难给出细节，因为内容的来源不应该那么重要。如果您计划使用经典的<select>标记，只需创建该元素即可。jQuery是你快速而肮脏的朋友。

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

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

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

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

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