Selectize.js 根本不工作答案

【问题标题】：Selectize.js not working at allSelectize.js 根本不工作
【发布时间】：2017-10-14 02:30:45
【问题描述】：

由于某种原因，我根本无法让 Selectize.js 处理我的项目。我检查了所有的 jQuery 链接，它们看起来都很好，但是当我查看页面时，我得到的只是一个简单的 HTML 下拉菜单。我无法直接在框中输入，也没有选项可以自动完成或添加新条目，如 http://selectize.github.io/selectize.js/（单项选择子标题）

我试图从 Selectize 站点复制最简单的示例，但即使这样也行不通。我可以得到一个简单的“警报”弹出框来工作，所以我知道 jQuery 正在工作。文件地址selectize/selectize.min.js也是正确的。

我将不胜感激。

HTML：

<!DOCTYPE html>
<html>
<head>


    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700">
    <link rel="stylesheet" href="selectize/normalize.css">
    <link rel="stylesheet" href="selectize/styles.css">
    <link rel="stylesheet" href="selectize/default.css" data-theme="default">

    <!--[if IE 8]><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/2.0.8/es5-shim.min.js"></script><![endif]-->
    <script type="text/javascript" src="selectize/jquery-3.2.1.min.js"></script>

    <script type="text/javascript" src="selectize/selectize.min.js"></script>
    <script type="text/javascript" src="selectize/myjquery.js"></script>

</head>

<body>

<section class="demo" id="demo-single-item-select">
                <div class="header">
                    Single Item Select
                </div>
                <div class="sandbox">
                    <label for="select-beast">Beast:</label>
                    <select id="select-beast" class="demo-default" placeholder="Select a person...">
                        <option value="">Select a person...</option>
                        <option value="1">Chuck Testa</option>
                        <option value="4">Sage Cattabriga-Alosa</option>
                        <option value="3">Nikola Tesla</option>
                    </select>
                </div>

        <div class="description">
                    The most vanilla of examples.
                </div>

</section>


</body>
</html>

我的jQuery：

$(document).ready(function() {

   //alert('Ahoy hoy');
   $('#select-beast').selectize({
                    create: true,
                    sortField: 'text',
                    searchField: 'item',
                    create: function(input) {
                        return {
                            value: input,
                            text: input
                    }
}
                });


   });

【问题讨论】：

似乎在这里工作jsfiddle.net/e0380p0o/141你能在小提琴中重现
谢谢，你是对的，它在小提琴中工作正常（jsfiddle.net/e0380p0o/147）。但是我的机器上仍然有同样的问题。我正在使用 XAMPP，即使使用完全相同的代码，我也只是获得了基本的 HTML 下拉列表。我一遍又一遍地检查图书馆链接，一切似乎都很好。我已经升级到最新的 XAMPP。主 jquery 库和我的脚本工作正常 - 只是 selectize.js 不工作。
您在浏览器中看到任何错误吗？
没有错误 - 它显示正常，但没有选择功能。

标签： javascript jquery selectize.js

【解决方案1】：

<option value="">Select a person...</option>

移除 value 属性或为其命名

【讨论】：