MaterializeCSS объединяет меню с множественным выбором - PullRequest
Новая
       12

MaterializeCSS объединяет меню с множественным выбором

0 голосов
/ 21 ноября 2018

Я использую materializecss и, похоже, у меня странная проблема с одним из моих меню, которое ранее работало.Вот что он сейчас делает, enter image description here

Базовый код представляет собой цикл. 

 <div class="input-field col s6">
                <select id="keywords" name="Keywords" multiple>

                    <%
                        Dim SQLQuery As String, IBResults As ADODB.Recordset
                        'get all the project keywords
                        SQLQuery = "SELECT APK.* " & "FROM Avail_Project_Keywords APK " & "WHERE APK.KeywordID <> 0 " & "ORDER BY APK.Description ASC;"

                        IBResults = GetBWRS("Infobase", SQLQuery)
                        If Not IBResults.EOF Then
                            Do Until IBResults.EOF
                                Response.Write("<option value='" & DBStr(IBResults.Fields("KeywordID")) & "'>")
                                Response.Write(DBStr(IBResults.Fields("Description")))
                                Response.Write("</option>")
                                IBResults.MoveNext()
                            Loop
                        End If



                    %>
                </select>
                <label for="keywords">Keywords</label>
            </div>

Со стандартным вызывающим устройством js внизу 

   document.addEventListener('DOMContentLoaded', function () {
            var elems = document.querySelectorAll('select');
            var instances = M.FormSelect.init(elems);
        });

Я что-то здесь не так делаю?Если так, то в чем проблема.Это соответствует коду примера, и когда я сравниваю их с элементом inspect, все кажется одинаковым?

Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 22 ноября 2018

Во-первых, спасибо тем, кто пытался помочь.Это было оценено.

Я закончил тем, что скачал новую свежую копию Framework из-за разочарования.Сейчас все работает как положено.Это, вероятно, не поможет никому, кто страдает этим в будущем, к сожалению.

Я не уверен, почему это исправило это.Так что, если у вас возникла эта проблема.Попробуйте либо связать их CDN, либо загрузить новую копию для себя.

0 голосов
/ 21 ноября 2018

Из документации Materialise CSS, <select> должна иметь это в качестве базовой инициализации.Похоже, вы пропустили параметр options. 

document.addEventListener('DOMContentLoaded', function() {
  var elems = document.querySelectorAll('select');
  var instances = M.FormSelect.init(elems, options);
});

HTML выглядит нормально.

...