How to select all options from a select to submit?

Question

I am unable to send the selected options when I enter the code below. Out of code is working.

the page receives information and assembles the box according to the requests that came, so it is possible to withdraw orders and while doing this the screen needs to update to do some things on the server.

The problem is time to pass the remaining orders in the box to the server, in this piece of code I am not able to select the requests to send. In console.log it already informs that the value is null.

I’m referring to the last Else, everything else works.

Any idea?

'''

 $("#PedidoSelecionado").on("change",function(){
        $("#PedidoDisponivel").append($("#PedidoSelecionado option:selected").clone(true));
        $("#PedidoSelecionado option:selected").remove();
        ordenarOptions("PedidoDisponivel");
        ordenarOptions("PedidoSelecionado");
        <cfif variables.MensaErro neq "">
            if($("#PedidoSelecionado > option").length == 0){
                $("#PedidoSelecionado").addClass("is-invalid");
                $("#PedidoSelecionado").removeClass("is-valid");
                erro = true;
                mensagem = "<strong>Você precisa selecionar pelo menos um pedido.</strong><br>";
                $(".container-fluid .alert-danger").html(mensagem)>
                $(".container-fluid .alert-danger").show("slow",function(){
                    setTimeout(function(){
                        $(".container-fluid .alert-danger").hide("slow");
                    },
                    3000);
                });
            }
            else{
                $("#PedidoSelecionado option").each(function(){
                    $(this).attr("selected",true);
                });
                console.log($("#PedidoSelecionado").val());return;
                ChamaRotina('Estoque','Pedido',$("#PedidoSelecionado").val());
            }
        </cfif>
    });

'''

Answer 1

Assuming that your select has the attribute multiple defined.

Instead of:

$("#PedidoSelecionado option").each(function(){
    $(this).attr("selected",true);
});

Use:

$('#PedidoSelecionado option').prop('selected', true);

About the .prop();

https://api.jquery.com/prop/

Heed:

For jQuery versions 1.6+ we have:

$('#PedidoSelecionado option').prop('selected', true);

And for old versions:

$('#PedidoSelecionado option').attr('selected', 'selected');

You can also use a function to assume this:

function selectAll(){
    $("#PedidoSelecionado").find("option").each(function(this) {
        $(this).attr('selected', 'selected');
    });
}