用烧瓶填充Selectize.js下拉列表

Question

[我正在使用flask构建Web应用程序，并试图用在Selectize.js应用程序中定义为Python变量的国家/地区列表填充flask单项选择框。>

基于this thread，我通过使用<script>中的以下代码设法将Python列表加载到flask标记中的JavaScript：

def select:
    countries = ["UK", "US", "GER"]
    return render_template(select_menu.html, countries = json.dumps(countries))
然后我可以使用以下JavaScript语句加载countries以在select_menu.html中显示：

var countries = {{countries | safe}}
但是，当我尝试与Selectize.js结合使用此方法时，如下所示：

<script>
  $(document).ready(function()
  {
    var countries = {{countries | safe}};

    $("#search").selectize({
      valueField: 'val',
      labelField: 'val',
      searchField: ['val'],
      options: countries,
    });
  });
</script>
未加载任何选项。html部分看起来像这样：

<div class='exampleSearch'>
  <select id="search">
<option value="">select</option>
  </select>
此外，当我在JS中将countries定义为：时，上面的Selectize.js代码片段也可以正常工作：

var countries = [{val:"AppleScript"},
                {val:"Asp"},
                {val:"BASIC"}]
注意：用这种方法在flask中定义Python列表没有帮助。

[谁能告诉我如何定义Python countries变量，以便将其加载到JS中并使用它来填充Selectize下拉列表。非常感谢。

我正在使用Flask构建Web应用程序，并试图用在flask应用程序中定义为Python变量的国家/地区列表填充Selectize.js单项选择框。基于此线程，我...

Answer 1

您的Python代码等效于以下内容：