首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JSON2HTML -在JSON中选择正在剥离的标记

JSON2HTML -在JSON中选择正在剥离的标记
EN

Stack Overflow用户
提问于 2014-07-14 14:40:54
回答 1查看 716关注 0票数 0

在将以下html代码转换为json时,我面临一个问题:

代码语言:javascript
复制
<div class="control" >
    <label>Caption</label><br>
    <select name="" class="dropdowntag">
        <option value="Option1">Option1</option>
        <option value="Option2">Option2</option>    
    </select>
</div>

在这个结果JSON中,缺少选择标记,下面是从json2html站点中提供的转换构建器获得的结果。

代码语言:javascript
复制
{"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结果:

代码语言:javascript
复制
<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插件的版本:

  1. jquery-1.11.1
  2. jquery-ui-1.11.0
  3. json2html -可下载的当前版本。

下面是指向json2html插件站点的链接:json2html,这个页面中的构建器选项卡提供了基于html构建转换器的选项。

EN

回答 1

Stack Overflow用户

发布于 2014-07-15 16:25:17

正确的变换应该是

代码语言:javascript
复制
{"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。谢谢你帮我查一下,我会调查的

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24739115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档