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