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

时间:2013-04-30 21:33:53

标签: javascript jquery json

我有一个模型的json文件作为键,其部件号作为值。

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

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

1 个答案:

答案 0 :(得分:0)

这仍然有点模糊,但我会根据我的理解尝试回答。

所以你已经拥有了你的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对象的下拉列表中。

我希望这有用,因为你的问题很模糊。