javascript: selectize 默认选择第一项答案

【问题标题】：javascript: selectize selects the first item by defaultjavascript: selectize 默认选择第一项
【发布时间】：2018-04-16 20:05:19
【问题描述】：

<html>
<head>
    <link rel="stylesheet" href="css/selectize.css" />
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sifter/0.5.3/sifter.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/microplugin/0.0.3/microplugin.min.js"></script>            
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/selectize.min.js"></script>
</head>
<body>

    <div>
        <select id='selecttest'>
            <option value='1'>One</option>
            <option value='2'>Two</option>
            <option value='3'>Three</option>
            <option value='4'>Four</option>
            <option value='5'>Five</option>
        </select>
    </div>

    <script>
    $(function($){
        $('#selecttest').selectize({maxItems: 8});
    });
    </script>
</body>
</html>

上面在选择框中默认显示一个，我不希望它默认显示任何内容。我该如何更改？

【问题讨论】：

@Rory McCrossan。非常感谢兄弟

标签： javascript jquery selectize.js

【解决方案1】：

在seletize.js 中，您有一个名为items:null 的属性。这将删除默认选择的东西。如果您想默认显示任何内容，也可以使用占位符作为选择字段。

<div>
    <select id='selecttest' placeholder="select test...">
        <option value='1'>One</option>
        <option value='2'>Two</option>
        <option value='3'>Three</option>
        <option value='4'>Four</option>
        <option value='5'>Five</option>
    </select>
</div>

$(function($){
    $('#selecttest').selectize({
        maxItems: 8, 
        items: null
    });
 });

Fiddle Demo

【讨论】：

【解决方案2】：

在选择标签中添加一个带有值"" 的额外选项。像

<option value="">Select</option>

检查小提琴here

【讨论】：