为每个JSON条目添加下拉操作菜单

时间:2018-10-24 11:27:07

标签: javascript html angularjs

我已经编写了JavaScript(可在http://jsfiddle.net/rishi007bansod/wk8nx21t/53/获得),该JavaScript将文件中的json项作为输入(例如,链接https://jsoneditoronline.org/?id=b5f0f35f9e3143439ed331901e69e533中的json可以作为文件中的输入)。然后创建类型为[{name: key/value, nodes: []}]的JavaScript对象来存储此json结构。最后,为json中的每个条目添加Add NodeDelete Node按钮(用于添加或删除json条目)。

现在

  1. 我想在这些Add NodeDelete Node按钮(每个json条目)旁边添加下拉菜单。
  2. 从下拉菜单中选择一个动作,我想在JavaScript对象(我从json创建的)上应用某些功能。
  3. 此外,如果为父json条目选择了操作,例如,如果我们有json

    {
      "a": 5,
      "b": 2,
      "f": {
        "c": "test",
        "d": "test_json"
       }
    }
    

    并假定为f键选择了下拉动作,则应该有选项(01)在子节点的下拉菜单中应用相同的动作或保持子节点的默认操作。

如何为每个json条目实现此下拉操作菜单?

0 个答案:

没有答案