簡體   English   中英

JSON2HTML-在JSON對象中剝離的選擇標簽

[英]JSON2HTML - Select tag being stripped in JSON object

我在將以下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插件的版本:

  1. jQuery的1.11.1
  2. jQuery的UI-1.11.0
  3. json2html-當前版本可以下載。

以下是指向json2html插件站點的鏈接: json2html此頁面中的builder選項卡提供了用於基於html構建轉換器的選項。

正確的轉換應該是

{"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。 感謝您對此進行研究,我將對其進行調查

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM