與PHP的jquery tokeninput

Question

我在我的項目中使用Jquery Tokeninput在textarea中顯示一些數字。我有一個隱藏的輸入字段，我在其中保存包含數字的JSON字符串。 的JSON看起來像

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

在我看來

隱藏的輸入是

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

在我這個輸入的值傳遞給我的JQuery Tokeninput作爲

<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和它的值的條目，但是當我在視圖中時，它在textarea上顯示類似於

但是，當我傳遞一些硬編碼JSON專利變量它顯示正常。

任何幫助將不勝感激。

感謝

編輯

當我在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>