在谷歌浏览器中实现选择下拉问题答案

【问题标题】：Materialize Select Drop down issue in Google Chrome在谷歌浏览器中实现选择下拉问题
【发布时间】：2016-02-11 05:32:59
【问题描述】：

我正在开发一个在 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>

当我在 Google Chrome 中运行我的项目时，在控制台中我遇到了这个问题

如果有人有这方面的信息，那就太好了。

谢谢！

【问题讨论】：

在 material_select() 函数中查找替换语句。当您替换未定义元素的文本时会出现此错误
选项值未作为属性给出
现在，谷歌浏览器出现了很多问题。

标签： jquery wordpress google-chrome html-select materialize

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您在代码中为 jquery (jQuery & $) 使用了不同的标识符。我检查了这在 Firefox 上运行良好，但在 chrome 上出现错误，尝试将其更改为

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

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

【讨论】：

亲爱的 nshah143 我在 WordPress 和 WordPress 中使用它，如果我在代码中使用 ($)，则 WordPress 显示错误 ($) 未定义

【解决方案3】：

你需要给你的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>

【讨论】：

我尝试了价值但结果相同
我认为 jQuery 找不到元素。
感谢 Bas Van Stein，您的建议是正确的，现在我的问题已经解决了