在JSON文件中包含HTML标签

Question

我有一个JSON文件，我想包含一对HTML标签。主要是为了帮助内容很好地显示。

JSON正在填充选择字段，我想要修改的属性是“名称”。

我看过并在这里找到了一些信息，例如使用{"html": "<p>I'm the markup</p>"}，其他人发布为答案，但我不能使用它。

是我想要做的事情，如果可以，你能帮忙吗？谢谢。

片段的JSON文件：

"area" : [ 
    { 
     "value":"sqCentimetres", 
     "name":"Square Centimetre (cm<sup>2</sup>)" 
    }, 
    { 
     "value":"sqYard", 
     "name":"Square Yard" 
    }], 

输出时的标签是不可见的。它只是简单地读取（平方厘米）

编辑以提供输出信息：

 <script> 
//  JSON: 
//  The key is the class identifier, temp, area etc etc 
//  Value is being used for both ID and Value when the list is being populated 
     $.getJSON('JSON/conversionJSON.json', function(data){ 

      console.log(data); 
      //for testing output only 
      var list = $("<ul />"); 

      $.each(data, function (key, conversions) { 
       console.log(key + ":" + conversions); 

       $.each(conversions, function (index, conversion) { 
        console.log("<li>Name: " + conversion.name + " :Value: " + conversion.value + "</li>"); 

        if(key == "<?php echo $conversionType ?>"){ 

         $("#from").append('<option class="'+key+'" id="'+conversion.value+'" value="'+conversion.value+'">'+conversion.name+'</option>'); 
         $("#to").append('<option class="'+key+'" id="'+conversion.value+'" value="'+conversion.value+'">'+conversion.name+'</option>'); 
         //testing output 
         var elem = $("<li>Name: " + conversion.name + " :Value: " + conversion.value + "</li>").appendTo(list); 
        } 
       }); 
      }); 
      //$("#testJSON").html(list); 
     }); 

    </script> 

和形式的例子：

<div class="ourContactFormElementSelect"> 
     <label for="from">Convert From:</label> 
      <select size = "10" name="from" id="from" onchange="convertUnits()"> 
       <option value="from">-Select an Option-</option> 
      </select> 
    </div> 

Answer 1

的<option>标签不能包含任何HTML标记（docs on mdn）。但是，您可以包含转义字符。改为使用²。