Script para Carregar Lista Suspensa de Cidades - Planilha Google - Aula 08

Script para Carregar Lista Suspensa de Cidades - Planilha Google - Aula 08 Nesta aula Vamos trabalhar com script para carregar a lista de cidades de acordo com o estado selecionado beleza pessoal então vamos para o editor de script.

Script para Carregar Lista Suspensa de Cidades - Planilha Google - Aula 08

No editor acessem o arquivo filtro pedido traço JS e desce até o final dos códigos e o primeiro passo é referenciar o campo está variável campestado ponto add evento listening abre e fecha.

Parênteses e abre e fecha aspas duplas dentro dos parênteses duplas evento change fora duplas vírgula vem o nome da função.

Que vai ser acionado nós vamos fazer uma fontão chamada cidades e fecha ele código com ponto e vírgula próximo passo é fazer esta função podem copiar o nome.

Cidades abre e fecha parênteses e abre e fecha as chaves para facilitar nós vamos reaproveitar os códigos da function produtos.

Então podem selecionar todos os códigos da função exceto as chaves da função seleciona copia os códigos e cola dentro da função.

Cidades próximo passo é fazer os ajustes necessários agora o texto na option da instrução do campo cidade vai ser diferente Então.

Acesse o arquivo filtro pedidos ponto html procurem pelo objeto select cidade vocês vão copiar o texto na Option copia o texto volta no código e cola.

Dentro das aspas duplas e o campo cidade precisa ter uma option vazia dentro da função limpar lista agora nós vamos referenciar o campo cidade no lugar da varinha agora nós vamos ter.

Bar estado que vai ser capturado na variável Campo estado podem copiar a variável estado e alterar também no IFF.

Prosseguindo agora nós vamos filtrar o arroz cidades não vai ser o arroz produtos então quase no início dos nossos códigos nós temos a variável cidades.

Copia o nome da variável e volta para a função cidades Marista agora eu vou alterar para o rei cidades e dentro do retorne o critério vai ser.

Veja Também:

    Estado

    Variável estado E por coincidência o Estado está na coluna zero do ar Ray cidades quando nós capturamos o Away cidades nós capturamos.

    Duas colunas então a coluna do estado é a coluna zero coluna da cidades coluna um doar Rei cidades entendido este detalhe de volta no editor de script agora nós precisamos.

    Alterar a variável lista produtos agora nós vamos colocar lista lista cidades podem copiar o nome da variável e alterar também dentro do laço.

    Aqui está correto vai capturar a coluna um doar Rei lista que capturou a lista de cidades prosseguindo e aqui precisamos alterar aqui vai ser.

    Lista cidades também precisa ser ajustado lista cidades estas três linhas OK aqui precisa ajustar agora vai ser o campo cidade.

    Dentro dos parênteses também Campo cidade e agora eu vou fechar a lista de cidades creio que era estes os ajustes necessários Mas vamos testar para ver se.

    Está funcionando corretamente salva as alterações e vamos para a planilha eu tenho cidades eu vou testar o Rio Grande do Sul e a menu.

    Executando o formulário formulário executado então eu vou selecionar o estado Rio Grande do Sul vamos ver show de bola pessoal está carregando.

    Corretamente para finalizar esta aula nós vamos fazer ainda os códigos do botão limpar podem fechar o formulário volto no editor de script depois da função.

    Cidades nós vamos referenciar o botão

    Limpar .guete Element vai Idi abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro.

    As duplas vai o ID no botão de comando Então acesse o arquivo e outro pedidos ponto html localiza o botão limpar e copia o ID copia o ID volta no código e cola dentro.

    Das aspas duplas fora dos parênteses ponto add event listening abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das raspas duplas evento clique.

    Fora das hastas duplas vem o nome da função que vai ser acionada nós vamos fazer uma função chamada limpar e fecha a linha de código com ponto e.

    Vírgula podem copiar o nome da função e agora precisamos fazer esta função limpar abre e fecha parênteses e abre e fecha Chaves agora pessoal tem um.

    Detalhe nós já referenciamos os campos do nosso formulário no início dos códigos Então agora eu vou trabalhar com todas estas variáveis entendido este detalhe de volta na.

    Função limpar primeiro campo que nós vamos limpar é o campo data Campo data 1 ponto Vale igual e abre e fecha aspas duplas e ponto e vírgula na sequência.

    Campo data 2.vale igual a vazio e ponto e vírgula Campo pedido ponto Vale igual a vazio e ponto e vírgula depois do campo pedido eu tenho.

    O campo linha campolinha quanto vale igual a vazio e ponto e vírgula e o campo produto nós precisamos limpar utilizando a função limpar a lista Então.

    Eu vou deixar para o final na sequência eu tenho o campo cliente ponto Vale igual a vazio e ponto e vírgula Campo vendedor.

    Quanto vale igual a vazio e ponto e vírgula campo agora é o campo estado ponto valem igual a vazio e ponto e vírgula e o campo Cidade precisamos.

    Limpar utilizando a função limpar lista Então antes eu vou limpar o campo status Beleza agora precisamos limpar o campo produto e o campo cidade para facilitar.

    Nós vamos fazer o seguinte função produtos vocês vão copiar estas três linhas de código na função limpar e cola não precisa ajustar nada já está correto e para a.

    Lista de cidades nós vamos reaproveitar estas três linhas de código da função cidades copia e cola depois de limpar o campo produto.

    Atenção a variável que referencia cada Campo beleza fizemos a function limpar salva as alterações e vamos testar para ver se o botão limpar vai funcionar corretamente.

    Eu vou colocar data Inicial qualquer data é apenas para testar o botão limpar linha televisores TV 32 clientes.

    Vendedor Carlos Estado deixa eu pegar o Rio Grande do Sul que eu sei que tem cidade Caxias estados pendente limpar show de bola.

    AVISO LEGAL: Toda a responsabilidade do conteúdo e autoria deste vídeo transcrito, é do produtor do canal. Clique no Link do Vídeo: https://www.youtube.com/watch?v=LfWY9RMc8Ew

Postar um comentário

Post a Comment (0)

Postagem Anterior Próxima Postagem