Selecione o valor na aba

  • manoodin

    (@manoodin)


    5 anos, 1 mês atrás

    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 5 anos, 1 mês atrás por Ralden Souza.
    • Este tópico foi modificado 5 anos, 1 mês atrás por Ralden Souza.
Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Moderador Ramon Ahnert

    (@rahmohn)

    5 anos, 1 mês atrás

    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.

    Criador do tópico manoodin

    (@manoodin)

    5 anos, 1 mês atrás

    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 5 anos, 1 mês atrás por manoodin.
    • Esta resposta foi modificada 5 anos, 1 mês atrás por manoodin.
    Moderador Ramon Ahnert

    (@rahmohn)

    5 anos, 1 mês atrás

    @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.

    Criador do tópico manoodin

    (@manoodin)

    5 anos, 1 mês atrás

    E como eu faço isso?

    Moderador Ramon Ahnert

    (@rahmohn)

    5 anos, 1 mês atrás

    @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.

    Luiz Bills

    (@luizbills)

    5 anos atrás

    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)
  • O tópico ‘Selecione o valor na aba’ está fechado para novas respostas.