将JSON存储在下拉菜单中作为值

Question

我希望能够在下拉菜单中选择一些JSON数据，但是在选择后我无法检索清理数据。

我的数据：

graphs = [
           {
            "data":{some dictionary}
            "name":graphX
           }
           { ...
           }
         ]

我的HTML：

<select id='dd-menu'>
    {% for graph in graphs %}
        <option value={{graph.data}}>{{graph.name}}</option>
    {% endfor %}
</select>

我的js：

var e = document.getElementById('dd-menu');
var topologyData = e.options[e.selectedIndex].value

当我加载页面时，我的值似乎在浏览器检查器中已全部损坏

option value = {u'someKeyu':someValue ... }

我不知道它是来自python2.7编码的怪异还是因为我没有正确加载

Answer 1

在呈现数据时，您需要将数据序列化为JSON字符串。

{{ graph.data|tojson }}