实现选择Google Chrome中的下拉问题

Question

我正在使用WordPress中的Materialize开发一个项目。

一切正常，但我们在尝试在Google Chrome中实施时遇到了问题。

这是我的代码

    <div class="input-field col s12">
        <select>
            <option>Value 1</option>
            <option>Value 2</option>
            <option>Value 3</option>
            <option>Value 4</option>
            <option>Value 5</option>
       </select>
 </div>

这是jQuery代码

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('select').material_select();
    });
</script>

当我在谷歌浏览器中运行我的项目时，在控制台中我遇到了这个问题

如果有人有这方面的信息会很棒。

谢谢！

Answer 1

您需要提供options value属性。

尝试：

   <select>
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
        <option value="4">Value 4</option>
        <option value="5">Value 5</option>
   </select>

Answer 2

您在代码中使用jquery（jQuery＆amp; $）的不同标识符。 我检查这在firefox上运行正常，但在chrome上出错了， 尝试将其更改为

$(document).ready(function ($) {
        $('select').material_select();
    });

不确定是否解决了问题，但使用它的正确方法如上所述。

Answer 3

我遇到了同样的问题。它正在工作，然后停止了。这是我最终解决问题的方法：

<select class="browser-default">
    <option>OPTION 1</option>
    <option>OPTION 2</option>
</select>