1

FORM

echo "<input type='hidden' name='idRede'   value=" . $idRede . " /> ";
echo '  
        <label class="labelPequeno" for="idRegiao">Região</label> :
        <select name="idRegiao" id="idRegiao" class="inputTextMedio required">
            <option value="" selected>Escolha a Rede primeiro</option>
        </select> <br/>

Tenho o jQuery para popular a Região:

 $("#idRede").on("change", function () {                      

        $.ajax({
            url: "_scripts/_php/_buscas/buscarDadosRegioes.php",
            type: "POST",
            dataType: "json",
            data: {
                  idRede: $("#idRede").val()
            },
            beforeSend: function() {
                $("#imgCarregando").css('display','block');
            },
            success: function (result) {
                $("#imgCarregando").css('display','none');
                $('#idRegiao').find('option').remove();

                if (result == null){
                    $("#idRegiao").append("<option value=>Sem Regiões</option>");
                } else {
                    $("#idRegiao").append("<option value=>Escolha a Região</option>");                      
                    result.forEach(function(option){
                        $("#idRegiao").append("<option value=" + option["idRegiao"] + ">" + option["nome"] + "</option>")
                    });
                }
            }

        });

    });

O problema é que a antes, idRede era um SELECT mas agora é um input hidden.

Alguma forma de disparar o jQuery usando o input hidden?

Grato a quem puder ajudar!

2
  • já tive um problema assim com os campos hidden, já tentou usando o bind? $("#idRede").bind("change", function () { Commented 22/01/2019 às 18:02
  • e como passo o valor no bins? Commented 22/01/2019 às 18:03

1 Resposta 1

1

É só colocar a id #idRede no input hidden e disparar o evento change manualmente usando o método .trigger() do jQuery.

Campo:

echo "<input type='hidden' name='idRede' id="idRede" value=" . $idRede . " /> ";
                                         ↑↑↑↑↑↑↑↑↑↑↑

jQuery:

$(function(){

   $("#idRede").trigger("change");

});
7
  • rapas, falar pra você que funcionou! Commented 22/01/2019 às 19:21
  • Mt bom! valeu! :D
    – Sam
    Commented 22/01/2019 às 19:22
  • estanho tentei só assim echo '<script>$("#idArea").trigger("change");</script>'; e não deu certo. Precisa mesma chamar o $(function(){? Commented 22/01/2019 às 19:26
  • O $(function(){ espera que o DOM seja carregado caso vc esteja chamando antes do elemento.
    – Sam
    Commented 22/01/2019 às 19:28
  • pois é, por isso que estou confuso, pois coloquei após o elemento: echo '<script>$("#idRede").trigger("change");</script>'; Commented 22/01/2019 às 19:31

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .