0

我有一个 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>
4

1 回答 1

2

该<option>标签不能包含任何 html 标签（mdn 上的文档）。但是，您可以包含转义字符。改为使用&#178;。

于 2013-07-08T15:36:05.743 回答