javascript：selectize默认选择第一项

Question

<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>

上面的select框默认显示一个，我不希望它默认显示任何东西。我该如何更改？

Answer 1

在 select 标签中添加一个值为 "" 的额外选项。像

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

勾选 fiddle here

Answer 2

在 seletize.js 中，你有一个属性叫做 items:null。这将删除默认的 selected 内容。如果您想在默认情况下显示任何内容，您也可以为 select 字段使用占位符。

<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

javascript：selectize默认选择第一项

javascript: selectize selects the first item by default

javascript

jquery

selectize.js