JSON2HTML - 选择在 JSON 对象中被剥离的标签答案

【问题标题】：JSON2HTML - Select tag being stripped in JSON objectJSON2HTML - 选择在 JSON 对象中被剥离的标签
【发布时间】：2014-07-14 14:40:54
【问题描述】：

我在将以下 html 代码转换为 json 时遇到问题：

<div class="control" >
    <label>Caption</label><br>
    <select name="" class="dropdowntag">
        <option value="Option1">Option1</option>
        <option value="Option2">Option2</option>    
    </select>
</div>

在这个生成的 JSON 中，缺少 select 标记，以下是我从 json2html 站点中提供的转换构建器获得的结果。

{"tag":"div","class":"control","children":[
  {"tag":"label","html":"Caption"},
  {"tag":"br","html":""}, [
     {"tag":"option","value":"Option1","html":"Option1"},
     {"tag":"option","value":"Option2","html":"Option2"}
  ]
]}

如果我删除外部 div，我将正确获取 json。以下是修改后的 html 及其 json 结果：

<label>Caption</label><br>
<select name="" class="dropdowntag">
    <option value="Option1">Option1</option>
    <option value="Option2">Option2</option>    
</select>

[
   {"tag":"label","html":"Caption"},
   {"tag":"br","html":""},
   {"tag":"select","class":"dropdowntag","name":"","children":[
      {"tag":"option","value":"Option1","html":"Option1"},
      {"tag":"option","value":"Option2","html":"Option2"}
   ]}
]

无法弄清楚这个问题的原因。

注意：如果我将 select 标记更改为其他有效的 html 标记，或者只是给出任何其他名称而不是 select，它就可以正常工作。

以下是用于此的 jquery 和 json2html 插件的版本：

jquery-1.11.1
jquery-ui-1.11.0
json2html - 当前版本可供下载。

以下是 json2html 插件站点的链接： json2html 此页面中的构建器选项卡提供了基于 html 构建转换器的选项。

【问题讨论】：

你用哪个插件来转换html2json？你能分享你的尝试（将html转换为json）吗？
谢谢，我现在用您要求的详细信息更新了我的问题...
可能是bug，联系作者吧。

标签： jquery javascript json2html

【解决方案1】：

正确的变换应该是

{"tag":"div","class":"control","children":[
  {"tag":"label","html":"Caption"},
  {"tag":"br","html":""},
  {"tag":"select","class":"dropdowntag","name":"","children":[
    {"tag":"option","value":"Option1","html":"Option1"},
    {"tag":"option","value":"Option2","html":"Option2"}
  ]}
]}

我已经验证它在 json2html.com 上不起作用，看起来转换转换的 DOM 方法似乎不喜欢 select 出于某种原因。感谢您了解此问题，我会调查一下

【讨论】：