我有一个 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"
}],
输出时标签不可见。它只是简单地读取(cm2)
编辑以提供输出信息:
<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>
最佳答案
<option>
标签不能包含任何 html 标签 ( docs on mdn )。但是,您可以包含转义字符。使用²
相反。
关于javascript - 在 JSON 文件中包含 HTML 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17530316/