如何创建带有动态选项的选择列表，使用 jQuery 填充

【问题标题】：How to create a select list with dynamic options, populated using jQuery如何创建带有动态选项的选择列表，使用 jQuery 填充
【发布时间】：2013-04-30 21:33:53
【问题描述】：

我有一个模型的 json 文件作为键，它的零件号作为值。

{
  "Abc": {
    "1234":"1234",
    "5678":"5678",
  },
  "Def": {
    "9101":"9101"
  }
}

模型值在 url 中传递。我需要找到与模型相关的值，然后使用 jquery 动态选项将其显示在下拉列表中。我已经环顾了好几天，还没有找到任何与此相关的好例子。任何帮助将不胜感激。谢谢。

【问题讨论】：

你说的jquery动态选项是什么意思？哪个型号？选项元素的value、text content应该是什么？非常模糊的问题，投票结束，因为不是一个真正的问题。
@undefined 可能是一个带有动态选项的选择列表，使用 jQuery 填充。虽然我同意 - 充其量是模糊的
@undefined 抱歉这个模糊的问题。这是我第一次堆栈溢出。一个带有动态选项的选择列表，用 jQuery 填充。在这种情况下，模型将是 Abc 和 Def。 1234、5678 和 9101 是这些值。谢谢。

标签： javascript jquery json

【解决方案1】：

这还是有点模糊，但我会根据我的理解尝试回答。

所以你已经有了你的 json 数据了吧？

那么你需要循环遍历它；

$.each(data, function(index, optionData) { } );

然后在循环中；

var option = new Option(optionData.Text, optionData.Value);

那你可以检查一下msie；

if ($.browser.msie) {

对于IE你需要使用；

dropdownList.add(option);

否则

dropdownList.add(option, null);

将它们放在一起将允许您将项目添加到 json 对象的下拉列表中。

我希望这对您有所帮助，因为您的问题相当模糊。

【讨论】：