Question

大家好日子！

我有Bootsrap select和我的Django模板的奇怪行为。

我有一个带有编辑表单的用户个人资料模板，我在模板标签中添加了当前的字段值，如下所示：

<select id="id_bd_month" name="bd_month" class="selectpicker" data-width="100%" data-size="6">
<option value="{{ request.user.profile.bd_month}}" selected="selected"></option>
<option value=“01”>January</option>
<option value=“02”>February</option>
…

我有一个基本的脚本：

$('.selectpicker').selectpicker('render');

首先，当我加载页面时，它会显示“未选择任何内容”。但如果我再次刷新它（F5），插件就能正常工作。

为什么我有这种奇怪的效果？

Answer 1

您应该将selected属性设置为选定的<option>而不是空的：

<select id="id_bd_month" name="bd_month" class="selectpicker" ...>
<option value="01">January</option>
<option value="02" selected="selected">February</option>

或者将所选值传递给selectpicker()方法：

$('.selectpicker').selectpicker('render');
$('.selectpicker').selectpicker('val', '{{ request.user.profile.bd_month}}');

Answer 2

最后，我找到了解决方案！正如catavaran所说，这不是Django dev服务器问题。我只是误解了，如何正确使用'render'和'value'方法。在我看来，解决方案很简单：

$('.selectpicker').val('{{ request.user.profile.bd_month }}');
$('.selectpicker').selectpicker('render');

感谢catavaran的帮助！

Bootstrap select和django模板

2 个答案: