【发布时间】:2020-08-08 10:17:06
【问题描述】:
我目前正在使用 selectize.js 作为我的下拉菜单,我想在选项列表的末尾添加一个按钮,例如 this
我尝试将跨度添加到选择组中,但它没有显示在下拉列表中。我应该如何更改我的代码以允许选项末尾的按钮,如图所示?
$('#client').selectize();
<div class="form-group">
<label>Client</label>
<select id="client" type="text">
<option value="0">Add New Client</option>
<option value="1">Client 1</option>
<option value="2">Client 2</option>
<option value="3">Client 3</option>
</select>
<span class="input-group-addon" id="clear_addon">Clear</span>
</div>
【问题讨论】:
-
你不能,至少不能使用 actual 选择元素。一,除了
option之外,您不能在选择标签内放置任何其他标签。二,你找不到选择下拉菜单浏览器元素的高度,这意味着你将无法找到“底部”来创建一个绝对定位的按钮。您将需要使用您提供的图片中的自定义下拉菜单。 select2 是一个插件,可以将您的选择元素转换为漂亮的下拉菜单。 -
使用 selectize 后在
.innerHTML中渲染
标签: javascript html selectize.js