Obtener valores seleccionados(select) con mismo id.

aangbonzu · 26 Sep 2021

Como puedo obtener el valor seleccionado se un select con el mismo ID, estoy agregando el select de esta forma.
Pero quiero poder imprimir los valores seleccionados.

HTML:

                <div id="addserv" class="ml-3 mr-3"></div>
                <div class="form-group">

                    <div class="col-md-12">
                        <button type="button" class="btn btn-info add_service"><i class="fa fa-plus"></i></button>
                        Agregar Servicios
                    </div>
                    <label for="">Cuenta del paciente es: <strong id="totalMont">150</strong></label>
                </div>

JavaScript:

        $(document).on('click', '.add_service', function() {

            var divform = $(document.createElement('div'));
            var divcol1 = $(document.createElement('div'));
            var divcol2 = $(document.createElement('div'));
            var inputselect = $(document.createElement('select'));
            var deletebutton = $(document.createElement('span'));
            var icon = $(document.createElement('i'));


            inputselect.addClass('form-control');
            divform.addClass('row form-group');
            divcol1.addClass('col-1');
            divcol2.addClass('col-11');
            inputselect.attr('name', 'service_id[]');
            inputselect.attr('id', 'serviceDat');

            $('#addserv').append(divform);
            divform.append(divcol1);
            divform.append(divcol2);
            divcol2.append(inputselect);
            deletebutton.addClass('btn btn-danger pull-right deleteserv');
            icon.addClass('fa fa-trash');
            divcol1.append(deletebutton);
            deletebutton.append(icon);

            $.get("{{ route('data.services') }}", function(data, status) {
                for (i in data.services) {
                    var inputoption = $(document.createElement('option'));
                    inputoption.val(data.services[i].id);
                    inputoption.text(data.services[i].name + ' $'+ data.services[i].cost);
                    inputselect.append(inputoption);
                }
            });


        });

        $(document).on('click', '.deleteserv', function() {
            $(this).closest('.form-group').remove();
        });

migueldeveloper · 2 Oct 2021

Para obtener todos los valores seleccionados de un select con el mismo ID - en jquery - se coloca algo como esto:

Insertar CODE, HTML o PHP:

let valoresSeleccionados = $('#serviceDat').map(function(){
    return this.value;
}).get();

Esto te devolverá un array con todos los valores seleccionados.

Obtener valores seleccionados(select) con mismo id.

aangbonzu

Adjuntos

migueldeveloper