jquery – Select2 – 如何插入粗体标题？

2023年9月18日 231次阅读

我查看了所有select2的文档,但无法找到如何插入这些粗体标题：

有人可以提供一个完整的代码示例(需要CSS吗？)如何实现这一目标？

最佳答案 如果您尝试使示例页面正常工作,该示例需要一个下拉列表并在每个下拉列表上运行select2

HTML应该看起来完全像这样

 <select style="width:300px" id="source">
               <optgroup label="Alaskan/Hawaiian Time Zone">
                   <option value="AK">Alaska</option>
                   <option value="HI">Hawaii</option>
               </optgroup>
               <optgroup label="Pacific Time Zone">
                   <option value="CA">California</option>
                   <option value="NV">Nevada</option>
                   <option value="OR">Oregon</option>
                   <option value="WA">Washington</option>
               </optgroup>
</select>

       <p>
           <select id="e1" class="populate" style="width:300px"></select>
       </p>

示例中的js如下所示,注意函数接受源并使用每个函数中的populate类放入数据

<script id="script_e1">

$(function() {
   var opts=$("#source").html(), opts2="<option></option>"+opts;
   $("select.populate").each(function() { var e=$(this); e.html(e.hasClass("placeholder")?opts2:opts); });
   $(".examples article:odd").addClass("zebra");
});

$(document).ready(function() {
    $("#e1").select2();
});
</script>
点赞