Question

我正在使用materializecss，并且以前使用的菜单之一似乎有一个奇怪的问题。这是它目前正在做的事情，

基础代码是一个循环。

 <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元素进行比较时，一切看起来都一样吗？

谢谢。

Answer 1

从Materialize CSS文档中，<select>需要将此作为基本初始化。您似乎错过了options参数。

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

HTML看起来不错。

Answer 2

首先，感谢那些试图提供帮助的人。感谢。

我最终无奈下载了新的Framework副本。现在一切都按预期进行。不幸的是，它将来可能不会帮助任何遭受此痛苦的人。

我不确定为什么要修复它。因此，如果您遇到此问题。请尝试链接其CDN或自己下载一个新副本。

MaterializeCSS将多个选择菜单组合在一起

2 个答案: