JSFiddle - React, Tailwind, and code Playground

by elone sampaio

HTML

<select multiple="multiple" id="dados">
      
      
  </select>

JavaScript

$.getJSON('http://localhost/uan/docente/preencherSelect/', {
    }).done(function (data) {
        alert(data);

        var options = '<optgroup label=""><option value=""></option></optgroup>';

        for (var i = 0; i < data.length; i++) {

             
            var op = '<optgroup label="' + data[i].nome1 + '"></optgroup>';
            options += '<optgroup label="' + data[i].nome1 + '"><option value="' + data[i].id + '">' + data[i].nome + '</option></optgroup>';
        }
        $('#dados').html(options).show();
        $("#dados").multipleSelect({
        });
    });