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>

以上在选择框中默认显示一个，我不希望它默认显示任何内容。我怎么能改变这个？

Answer 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

Answer 2

在select标记中添加值为git branch: env.BRANCH_NAME, credentialsId: '[credential string]', url: 'git@github.com:[user]/[repo].git'的额外选项。像

这样的东西

""

检查小提琴here

javascript：selectize默认选择第一项

2 个答案: