使用PHP的jquery标记输入

Question

我在项目中使用Jquery Tokeninput在文本区域中显示一些数字。我有一个隐藏的输入字段，我在其中保存包含数字的JSON字符串。JSON看起来像这样

patents = [{"id":"AT02708872"},{"id":"DE60232348"},{"id":"EP02708872"},{"id":"SE0101087"},{"id":"SE0200504"}] 

在我看来，隐藏的输入是

  <input id="appln_nrs" type="hidden" value="{{ patents }}" />

在相同的视图中，我将此输入的值传递给我的JQuery令牌输入

<script type="text/javascript">
    $(document).ready(function() {
        var patents = $("#appln_nrs").val();
        //var patents = [{id:"ABC"},{id:"DEF"}];
        $("#patents").tokenInput("", {
            theme:"facebook",
            prePopulate: patents
        });
    });
</script>

问题是JSON只包含5个带有id和它的值的条目，但是当我在视图上时，它在文本区域中显示如下所示

​

但是，当我将一些硬编码的JSON传递给patents变量时，它会正确显示。

任何帮助都将受到高度的感谢。

谢谢

编辑

当我在我的javascript中使用

 var patents = {{ patents }};

它给出了以下语法错误

  SyntaxError: invalid property id
  [Break On This Error]     

  var patents = [{"id":"AT.02708872.T"},{"id":"... 

Answer 1

不要使用隐藏字段。只需这样做：

<script type="text/javascript">
    $(document).ready(function() {
        var patents = {{patents|raw}};
        //var patents = [{id:"ABC"},{id:"DEF"}];
        $("#patents").tokenInput("", {
            theme:"facebook",
            prePopulate: patents
        });
    });
</script>