jquery tokeninput с PHP

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 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> 

The проблема заключается в том, что JSON содержит только 5 записей с идентификатором и его значением, но когда я нахожусь в представлении, он отображает что-то подобное в текстовом поле

Но когда я передаю переменную 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>