![](/img/trans.png)
[英]javascript bootstrap-multiselect get all selected values on button click
[英]Is Javascript correct with bootstrap-multiselect in Django?
我正在嘗試在Django 1.4.5中創建一個帶有bootstrap-multiselect插件的multiselect下拉菜單。 鏈接到插件: http : //davidstutz.github.io/bootstrap-multiselect/
我的form.py是:
weight_training_days = forms.MultipleChoiceField(
help_text=u'(Required) Select 3 days',
widget=forms.SelectMultiple(attrs={
'inline': True,
'class': 'multiselect',
}),
choices=(
(0, "Mon"),
(1, "Tue"),
(2, "Wed"),
(3, "Thu"),
(4, "Fri"),
(5, "Sat"),
(6, "Sun"),
),
)
我在模板中的表單是:
<form class="form-{{ layout }}" action="" method="post">
{% csrf_token %}
{{ form|as_bootstrap:layout }}
<p class="form-actions">
<input type="submit" value="Submit Changes" class="btn btn-primary">
</p>
</form>
bootstrap-multiselect.js文件(鏈接到靜態文件夾中)中的js代碼:
$(document).ready(function() {
$('.multiselect').multiselect({
buttonClass: 'btn',
buttonWidth: 'auto',
buttonContainer: '<div class="btn-group" />',
maxHeight: false,
buttonText: function(options) {
if (options.length == 0) {
return 'None selected <b class="caret"></b>';
}
else if (options.length > 3) {
return options.length + ' selected <b class="caret"></b>';
}
else {
var selected = '';
options.each(function() {
selected += $(this).text() + ', ';
});
return selected.substr(0, selected.length -2) + ' <b class="caret"></b>';
}
}
});
});
由於某種原因,插件無法正常工作。 僅顯示一個標准的SelectMultiple字段。
我在javascript方面的經驗非常有限,並且不確定為什么該插件無法正常工作。 任何反饋/幫助,我們將不勝感激。 謝謝
該問題是由於我對JavaScript缺乏經驗/知識所致。 我需要下載該插件的庫,而這正是bootstrap-multiselect.js文件中的內容。 現在效果很好。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.