Dudas con Smart select - Doubs with smart select

Esta es mi función para cargar un smart Select smar select.
This is my function in order to load items in a SmartSelt.

Esta función recibe resultado que es una lista de items y smartSelect que es el id del elemento HTML
This function receives resultado is a list of items and smartSelect is the html id element

function crearElementos(resultado, smartSelect) {
    myApp.smartSelect.destroy('#' + smartSelect + '_smart');
    var option = document.createElement("option");
    var elementos = document.getElementById(smartSelect);
    option.value = "";
    option.text = "";
   
    elementos.add(option);
    for (var i = 0; i < resultado.rows.length; i++) {
        var option = document.createElement("option");
        option.value = resultado.rows.item(i).name;
        option.text = resultado.rows.item(i).name;
        elementos.add(option);
    }

    

    var mySmart = myApp.smartSelect.create({
        el: '#' + smartSelect + '_smart',
        openIn: 'popover',
        closeOnSelect: true,
    });

    
   
}

esta es la parte HTML

> <a href="#" class="item-link smart-select"  id="prueba">
>                                <select name="empresa"  id="prueba2"></select>
>                                <div class="item-content" id="lista_empresas">
>                               <div class="item-inner">
>                  <div class="item-title">PRUEBACAAAAAAAAAAAAAAA</div>
>            </div>
>        </div>
>  </a>

Mis problemas son, my problems are:
1.- No puedo seleccionar el item que deseo dentro del smart select, I can not set the item I want in the item list
2.- No puedo desmarcar un item, siempre se me marca el primero . I can not uncheck the items, always the fisrt one is checked

Que estoy haciendo mal? what I am doing wrong?
image