javascript - MaterializeCSS 将多项选择菜单捆绑在一起

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);
        });

我在这里做错了什么吗？如果是的话是什么问题。它与示例代码匹配，当我将两者与检查元素进行比较时，一切似乎都相同？

提前致谢。

Answer 1

来自 Materialise CSS 文档，<select>需要将此作为基本初始化。您似乎错过了选项参数。

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

HTML 看起来不错。