为什么这个组合框看起来像这样？

Question

我正在使用Django智能选择。当页面加载时，组合看起来像一个错误，如果我删除jQuery它看起来很正常，但智能选择不会起作用。

我怎样才能解决这个问题？

当页面加载时，组合如下所示：

但是当我选择一个选项时，标记会被删除：

我的模板代码

<form method="post">

{% for field in form %}
<div class="form-group{% if field.errors %} has-error{% endif %}" >
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{% render_field field class="form-control" %}
{% for error in field.errors %}
  <p class="help-block">{{ error }}</p>
{% endfor %}
</div>
{% endfor %}
<button class="btn btn-default">Registrar</button>
</form>
</div>


<script type="text/javascript">
    (function($) {
        var chainfield = "#id_continent";
        var url = "/chaining/filter/backend/Country/continent/backend    /Location/country";
        var id = "#id_country";
        var value = undefined;
        var auto_choose = true;
        var empty_label = "---------";

        $(document).ready(function() {
            chainedfk.init(chainfield, url, id, value, empty_label, auto_choose);
        });
    })(jQuery || django.jQuery);
    </script>

Answer 1

我解决了问题，把它放在我的模型中

ExecuteScript

我需要在Django Docs中阅读更多内容