python 多选择器django select2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python 多选择器django select2相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script>
$(document).ready(function(){
  $(".js-example-basic-multiple").select2();
});//document ready
</script>
<script>
    counter = 0
    function addTopic(){
        $( "#select" ).clone().appendTo( "#trying" );
    }
</script>
</head>
<body>
    <button onclick="addTopic()">Add Topic</button>

    <form action="">
    <div id="trying">
        <div id="select">
            <select class="js-example-basic-multiple" multiple="multiple">
            {% for taf_doc in taf_documents %}
                <option value="{{ taf_doc.id }}">{{ taf_doc.taf.nom }}</option>
            {% endfor %}

            </select>

            <select class="js-example-basic-multiple" multiple="multiple">
            {% for ue_doc in ue_documents %}
                <option value="{{ ue_doc.id }}">{{ ue_doc.ue.nom}}</option>
            {% endfor %}

            </select>

            <select class="js-example-basic-multiple" multiple="multiple">
            {% for taf_doc in taf_documents %}
                <option value="{{ taf_doc.id }}">{{ taf_doc.taf.nom }}</option>
            {% endfor %}

            </select>

            <select class="js-example-basic-multiple" multiple="multiple">
            {% for ue_doc in ue_documents %}
                <option value="{{ ue_doc.id }}">{{ ue_doc.ue.nom}}</option>
            {% endfor %}

        </div>
        <button type="submit">Sauvegarder</button>
    </div>
    </form>
</body>
</html>

以上是关于python 多选择器django select2的主要内容,如果未能解决你的问题,请参考以下文章

Select2 与 Django 不接受选择

模板结果和模板选择的Select2参数不同(django)

多对多关系的 Select2 小部件

text select2 django选择有效的选项选项错误

Django-Filter:外键字段上的多个 select2 选择

Select2 JQuery不会通过按钮添加新选择器来更新Dom