Jquery 表单元素中的列表组-引导3

我阅读了有关表单和表单中支持的控件的Bootstrap3文档。 对于选择，我可以使用

和

但是我想要一个更好的选择框，就像

列表组

类引导所拥有的一样。

列表组

可以有渲染项，而as

只能有文本的

s

其主要思想是，我可以执行

$（“form”）.serializeArray（）

并将其全部作为JSON获取，如果我将

列表组

作为表单控件，这显然是行不通的

有什么办法吗？

---

谢谢。

为什么不使用jquery创建所需内容

小提琴：

HTML:

<select id="myselect" multiple="">
  <option val="1">1</option>
  <option val="2">2</option>
  <option val="3">3</option>
  <option val="4">4</option>
  <option val="5">5</option>
</select>

$(document).ready(function(){
    $('#myselect').hide().after("<ul class='list-group'></ul>");
    $('#myselect option').each(function(){
          $('.list-group').append("<li class='list-group-item' opt='"+$(this).attr('val')+"'>"+$(this).html()+"</li>"); 
    });
    $('.list-group li').on('click', function(){
        $(this).toggleClass('active');
        var allVal = new Array();
        $('.list-group li.active').each(function(){
             allVal.push(  $(this).attr('opt' ) );
        });
        $('#myselect').val(allVal);
    });
});

li.active{
  background:cyan;
}

---

结果：一个引导列表组，链接到您的选择

我喜欢尽可能少地使用javascript，尤其是在从表单获取数据时。我使用了1个函数，JSON将表单格式化，就是这样。但它仅适用于受支持的表单控件。。。所以我只是想找一个“更好”的多选。谢谢