Skip to main content
La idea de las ediciones es corregir o mejorar todo lo que se pueda.
Origen Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

tengo el siguiente selectpicker:

 <select class="selectpicker form-control" id="UsersList" data-live- 
 search="true" title="Seleccione uno o varios usuarios" data-hide- 
 disabled="true" data-actions-box="true" multiple>
 <option value="1">Carlos Valencia/option>
 <option value="2">Andres Lopez/option>
 </select>

y en javascript tquieroquiero cargar datos dinamicamentedinámicamente de la siguiente manera:

function User_Rad(idSettled) {
    $.ajax({
        type: "GET",
        url: "/Administrador/Radicados/User_Rad",
        datatype: "Json",
        data: { idSettled: idSettled },
        success: function (response) {
            console.log(response);
            var options = [], _options;
            //var option;

            for (var i = 0; i < response.User_assigned.length; i++)
            {
                var  option = '<option value="' + response.User_assigned[i].IdUser + '">' + response.User_assigned[i].Names + " " + response.User_assigned[i].Surname + '</option>';
                    options.push(option);

            }
            _options = options.join('');

            $('#UsersList').innerHTML = _options;

        },
        error: function (data, status, error) {
            console.log(data + " - " + status + " - " + error);
        }
    });
}

Pero los datos no se visualizan masmás que los que quedan directo desde HTML, alguna sugerencia que me pueda ayudar?.

tengo el siguiente selectpicker:

 <select class="selectpicker form-control" id="UsersList" data-live- 
 search="true" title="Seleccione uno o varios usuarios" data-hide- 
 disabled="true" data-actions-box="true" multiple>
 <option value="1">Carlos Valencia/option>
 <option value="2">Andres Lopez/option>
 </select>

y en javascript tquiero cargar datos dinamicamente de la siguiente manera:

function User_Rad(idSettled) {
    $.ajax({
        type: "GET",
        url: "/Administrador/Radicados/User_Rad",
        datatype: "Json",
        data: { idSettled: idSettled },
        success: function (response) {
            console.log(response);
            var options = [], _options;
            //var option;

            for (var i = 0; i < response.User_assigned.length; i++)
            {
                var  option = '<option value="' + response.User_assigned[i].IdUser + '">' + response.User_assigned[i].Names + " " + response.User_assigned[i].Surname + '</option>';
                    options.push(option);

            }
            _options = options.join('');

            $('#UsersList').innerHTML = _options;

        },
        error: function (data, status, error) {
            console.log(data + " - " + status + " - " + error);
        }
    });
}

Pero los datos no se visualizan mas que los que quedan directo desde HTML, alguna sugerencia que me pueda ayudar?

tengo el siguiente selectpicker:

 <select class="selectpicker form-control" id="UsersList" data-live- 
 search="true" title="Seleccione uno o varios usuarios" data-hide- 
 disabled="true" data-actions-box="true" multiple>
 <option value="1">Carlos Valencia/option>
 <option value="2">Andres Lopez/option>
 </select>

y en javascript quiero cargar datos dinámicamente de la siguiente manera:

function User_Rad(idSettled) {
    $.ajax({
        type: "GET",
        url: "/Administrador/Radicados/User_Rad",
        datatype: "Json",
        data: { idSettled: idSettled },
        success: function (response) {
            console.log(response);
            var options = [], _options;
            //var option;

            for (var i = 0; i < response.User_assigned.length; i++)
            {
                var  option = '<option value="' + response.User_assigned[i].IdUser + '">' + response.User_assigned[i].Names + " " + response.User_assigned[i].Surname + '</option>';
                    options.push(option);

            }
            _options = options.join('');

            $('#UsersList').innerHTML = _options;

        },
        error: function (data, status, error) {
            console.log(data + " - " + status + " - " + error);
        }
    });
}

Pero los datos no se visualizan más que los que quedan directo desde HTML.

Origen Enlace

Agregar datos dinamicos a selectpicker con javascript

tengo el siguiente selectpicker:

 <select class="selectpicker form-control" id="UsersList" data-live- 
 search="true" title="Seleccione uno o varios usuarios" data-hide- 
 disabled="true" data-actions-box="true" multiple>
 <option value="1">Carlos Valencia/option>
 <option value="2">Andres Lopez/option>
 </select>

y en javascript tquiero cargar datos dinamicamente de la siguiente manera:

function User_Rad(idSettled) {
    $.ajax({
        type: "GET",
        url: "/Administrador/Radicados/User_Rad",
        datatype: "Json",
        data: { idSettled: idSettled },
        success: function (response) {
            console.log(response);
            var options = [], _options;
            //var option;

            for (var i = 0; i < response.User_assigned.length; i++)
            {
                var  option = '<option value="' + response.User_assigned[i].IdUser + '">' + response.User_assigned[i].Names + " " + response.User_assigned[i].Surname + '</option>';
                    options.push(option);

            }
            _options = options.join('');

            $('#UsersList').innerHTML = _options;

        },
        error: function (data, status, error) {
            console.log(data + " - " + status + " - " + error);
        }
    });
}

Pero los datos no se visualizan mas que los que quedan directo desde HTML, alguna sugerencia que me pueda ayudar?