【问题标题】:Populate select input from json data that have different keys从具有不同键的 json 数据中填充选择输入
【发布时间】:2013-05-20 03:37:04
【问题描述】:

我从 PHP 脚本以 JSON 格式返回这些数据。

{
"inherited_items":{1:"Role Num1",2:"Role Num2",3:"Role Num3"},
"available_items":{4:"Role Num4",6:"Role Num5",6:"Role Num6"}
}

如何将此值设置为我的选择输入的选项?我来到这个问题“ Jquery getJSON populate select menu question",但该解决方案对我不起作用。这是因为我拥有的 JSON 数据没有数组值的统一索引。有没有办法将数据设置为选项值而不重新格式化 JSON 数据来自 PHP 脚本。因为数组的索引对我很重要。

顺便说一下,我拥有的 JSON 数据将用于填充到两个不同的选择输入。

【问题讨论】:

  • 你这里有两个对象inherited_itemsavailable_items你想用哪一个
  • @ArunPJohny 它们都将用于填充两个选择输入的选项值。 inherit_items 数据将用于一个选择输入,available_items 用于另一个选择输入。感谢您的回复。
  • 您必须处理具有相同值的索引,例如角色编号 5 和角色编号 6,索引编号为 6。如果您循环此操作,角色编号 5 将被角色编号 6 替换。对于硬核js,​​您可以使用jsfiddle.net/KDBJt填充选择

标签: jquery json


【解决方案1】:

从数据inherited_items 填充ID 为testselect 元素

$.each(data.inherited_items, function(key, value){
    $('<option />', {
        value: key,
        text: value
    }).appendTo('#test')
});

演示:Fiddle

【讨论】:

    猜你喜欢
    • 2012-10-02
    • 2017-02-15
    • 2019-05-15
    • 1970-01-01
    • 2019-05-08
    • 2021-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多