Suporte » Desenvolvendo com WordPress » Selecione o valor na aba

  • O JavaScript abaixo funciona perfeitamente. Mas quando eu mudo de tab, não funciona!

    Muito obrigado antecipadamente.

    <button id="toggle" name="test" onclick="myFunction()">on</button>
    
            <select id="help-comradeso[]">
        <option value="1">Janeiro</option>                           
        <option value="2">Fevereiro</option>                           
        <option value="3">Março</option>                           
        <option value="4">Abril</option>                           
        <option value="5">Maio</option>                           
        <option value="6">Junho</option>                           
        <option value="7">Julho</option>                           
        <option value="8">Agosto</option>                           
        <option value="1912">Setembro</option>                           
        <option value="10">Outubro</option>                           
        <option value="11">Novembro</option>                           
        <option value="12">Dezembro</option>                           
    </select>
    
            <script>
    
                var mes = 8;
    document.getElementById('help-comradeso[]').value = mes;
    
            </script>
        </body>
    </html>
    • Este tópico foi modificado 3 months, 1 week atrás por  Ralden Souza.
    • Este tópico foi modificado 3 months, 1 week atrás por  Ralden Souza.
Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Moderador Rahmohn

    (@rahmohn)

    Olá, @manoodin.

    O que você está querendo fazer? Olhando o seu código, é definido o valor padrão do elemento select para 8 (selecionando a opção “Agosto”). Quando você muda de aba o que espera que aconteça? Esse select fica dentro de uma ou mais abas?

    Por favor, informe mais detalhes para que possamos te ajudar.

    Quando eu mudo e volto para aba, ele fica em janeiro!
    valeu por responder!
    Eu queria que ele sempre ficava em agosto!

    • Esta resposta foi modificada 3 months, 1 week atrás por  manoodin.
    • Esta resposta foi modificada 3 months, 1 week atrás por  manoodin.
    Moderador Rahmohn

    (@rahmohn)

    @manoodin

    O script que você colocou na página só é executado uma vez, isto é, quando a página é exibida no navegador pela primeira vez. É provável que ao mudar e voltar para aba, um novo select é montado na tela e a primeira opção é selecionada por padrão (pois o script não é executado novamente).

    Talvez seja necessário colocar a execução desse script ao voltar para a aba.

    E como eu faço isso?

    Moderador Rahmohn

    (@rahmohn)

    @manoodin

    Você pode definir uma função que irá executar essa seleção do mês de agosto e chamar ela para executar na primeira vez :

    <script>
    
    function selecionaMesDeAgosto() {
       var mes = 8;
    document.getElementById('help-comradeso[]').value = mes;
    }
    
    selecionaMesDeAgosto();
    
    </script>
    

    Depois você coloca no evento onclick da aba uma chamada para essa função. Por exemplo:

    <button type="button" onclick="selecionaMesDeAgosto()">Aba 1</button

    A ideia é mais ou menos essa. Mas é provável que seja necessário alguns ajustes pois depende de como está estruturado os elementos HTML e o código da sua página.

    Como @rahmohn disse, seu código só executa quando a página carrega. Coloca seu código numa função e usa o evento “focus” para saber quando a aba do navegador mudar.

    window.addEventListener('focus', function () {
        selecionaMesDeAgosto()
    })
Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Você deve estar conectado para responder a este tópico.