物化模态选择不显示答案

【问题标题】：materialize modal select not displaying物化模态选择不显示
【发布时间】：2016-09-08 04:22:48
【问题描述】：

我有一个以模式呈现的 Django 表单。名称字段工作正常，但 2 个选择字段显示选项，即使它们的活动类打开。

<div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Create a Store</h4>
        <form action="/" method="post">
            {% csrf_token%}
            {% for field in form %}
                <div class="input-field">
                  {{ field.errors }}
                  {{ field.label_tag }} <br>{{ field }}
                </div>
            {% endfor %}

            <button class="btn" type="submit">Create!</button>
        </form>
    </div>
    <div class="modal-footer">
      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
  </div>

底部的脚本

  $(document).ready(function(){
$('.modal-trigger').leanModal();
$('select').material_select();
  });

模型表格

class StoreForm(forms.Form):
    name = forms.CharField(required=True)
    store_size = forms.ChoiceField(widget=forms.Select(),
                               choices=models.SIZE_CHOICES, initial='1', required=True)
    subscriber_status = forms.ChoiceField(widget=forms.Select(),
                                      choices=models.SUBSCRIBER_LEVEL, initial='1',
                                      help_text="You can always downgrade or upgrade through your console")

    class Meta:
        model = models.Store

为了更加清楚，检查器在元素上的样子

    <div class="select-wrapper"><span class="caret">▼</span>
<input type="text" class="select-dropdown" readonly="true" data-activates="select-options-2de779c1-46cd-3271-5da4-889766247340" value="Silver"><select id="id_subscriber_status" name="subscriber_status" class="initialized">
    <option value="-1">Inactive</option>
    <option value="0">Free</option>
    <option value="1" selected="selected">Silver</option>
    <option value="2">Gold</option>
    <option value="3">Platinum</option>
    </select></div>

不知道为什么 readonly 是真的，因为我没有设置它。我已经摆弄了控制台中的每个 attr 并尝试添加诸如 z-index 和溢出之类的样式，但仍然没有。

谢谢

【问题讨论】：

标签： jquery django django-forms materialize

【解决方案1】：

也许对你有帮助。

class StoreForm(forms.Form):
    class Meta:
        model = models.Store
        fields = ['name','store_size','subscriber_status']
        widgets = {
            'name':forms.TextInput(attrs={'placeholder': 'Name'}),
            'store_size':forms.SelectMultiple(choices = models.SIZE_CHOICES,attrs={'multiple':'multiple','data-placeholder': 'Select Size'}),
            'subscriber_status':forms.SelectMultiple(choices = models.SUBSCRIBER_LEVEL,attrs={'multiple':'multiple','data-placeholder': 'Select Status'})
       }

【讨论】：