自定义多个选择将无法在chrome中使用

Question

我复制了一个在mozilla中运行良好的代码但是，当我使用chrome时，它无法正常工作。我在mozilla中有这个，它的工作方式就像输入类型，当你输入起始字母时，选择框会显示它建议的内容。

以下是代码：

<form class="form-horizontal">
<div class="form-group">
 <label class="control-label col-sm-2" id="labelcheck-up" for="fname">Diagnosis:</label>
<div class="col-sm-2">                              
    <select name="tdiagnosis[]" id="tdiagnosis" class="form-control select2"  multiple="multiple" data-placeholder="Please input diagnosis here">                                  
        <option value="Dog">Dog</option>                                  
        <option value="Cat">Cat</option>
        <option value="Goat">Goat</option>
    </select>
</div>
</div>               
</form>

这是jsfiddle链接：

https://jsfiddle.net/DTcHh/40338/

有关如何在Google Chrome中使用此功能的任何建议吗？感谢。