在JSON文件中包含HTML標籤

我有一個JSON文件，我想包含一對HTML標籤。主要是爲了幫助內容很好地顯示。在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>

來源

2013-07-08 null

嘗試對其進行編碼。 – Edorka

他們在源？ –

似乎是爲我工作：http://jsfiddle.net/PdvCm/ –

的<option>標籤不能包含任何HTML標記（docs on mdn）。但是，您可以包含轉義字符。改爲使用²。

來源

2013-07-08 15:36:05 Sumurai8

你真漂亮！謝謝！ – null

在JSON文件中包含HTML標籤

回答

相關問題