selectpicker可自行输入

要使 `selectpicker` 允许自行输入，您可以将其设置为可编辑，并使用 `selectpicker` 提供的 `liveSearch` 选项启用搜索功能。具体步骤如下：

1. 将 `select` 元素设置为可编辑，可以通过 `contenteditable` 属性来实现：

   <select class="selectpicker" contenteditable="true">
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
   </select>

2. 在文档加载完毕后，初始化 `selectpicker`：

   $(document).ready(function() {
     $('.selectpicker').selectpicker({
       liveSearch: true
     });
   });

3. 在 `select` 元素中添加一个空选项，以允许用户输入自定义值：

   <select class="selectpicker" contenteditable="true">
     <option value="">Custom Value</option>
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
   </select>

4. 禁用 `selectpicker` 的搜索框，以便用户可以在 `select` 元素中输入自定义值：

   .bootstrap-select .bs-searchbox .form-control {
     display: none;
   }

这样就可以让 `selectpicker` 允许自行输入了。当用户输入一个自定义值时，它将被添加为新选项。