How To Make A Select List With Multiple Columns Of Options

I am building a system that allows people to choose their own icons to go along with certain values. There are going to be many, many icons to choose from. I would like to make a

Solution 1:

This jQuery plugin will help you achieve almost what you need with some configuration, but it will need to do some more work for design throw styler option you can achieve what you need. http://wenzhixin.net.cn/p/multiple-select/docs/#the-multiple-itemshttp://wenzhixin.net.cn/p/multiple-select/docs/#the-styler

$(function() {
    $('#ms').change(function() {
        console.log($(this).val());
    }).multipleSelect({
        placeholder: "Select Icon",
        width: '50%',
        single: true,
        multiple: true,
        multipleWidth: 40,
         styler: function(value) {
            return'background: url(icons/' + value + '.png) no-repeat 100% 100%;';
         }
    });
});