0

Boa tarde,

Em uma página php, tenho vários campos de input tipo texto. Nessa página preencho cada input com um valor, 2,00, 3,00... Como faço para que esse valores se mantenham nos campos, no inputs, mesmo que eu vá para outra página? Pois na outra página "puxarei" esse valores para fazer cálculos com eles. Cada input tem um id, é claro, e estou declarado-os como global "window.varivel". Não estou salvando os valores dos inputs em banco, pois eles, simplesmente, devem, podem ser alterados a qualquer momento, como uma célula de excel.

2
  • Estou apertado de tempo mas podes fazer isso via query string que passas de uma página para outra: pt.stackoverflow.com/a/429/129
    – Sergio
    Commented 2/06/2015 às 20:43
  • Desculpe @Sergio, mas não entendi. Commented 2/06/2015 às 20:48

1 Resposta 1

1

Uma sugestão é usares uma query string. Ou seja parametros passados na URL como um GET.

Numa primeira fase juntas os IDs e seus valores em pares id=valor e concatenados com &:

document.querySelector('button').addEventListener('click', function () {
    var inputs = document.querySelectorAll('input');
    var queryString = [];
    for (var i = 0; i < inputs.length; i++) {
        queryString.push(inputs[i].id + '=' + inputs[i].value);
    }
    window.location = 'http://sergiofrilans.se/test/teste_SOpt.html?' + queryString.join('&');
})

e numa segunda fase lês essa string para poderes recuperar os valores.

var qs = location.search.slice(1).split('&');
for (var i = 0; i < qs.length; i++) {
    var keyValue = qs[i].split('=');
    document.getElementById(keyValue[0]).value = keyValue[1];
}

O jsFiddle e outros "sandbox" impedem exemplos com window.location por isso fiz um exemplo online no meu site que se pode testar aqui. Se alguem souber de outro fiddle/bin diga para poder pôr lá.

10
  • Essa é a melhor forma? Commented 2/06/2015 às 21:20
  • @GustavoSevero depende da quantidade de dados e do nível de segurança que precisas. Esta é a mais simples. Mais complexas e que não mostram a informação passam por usar o sevidor ou local storage/indexDB.
    – Sergio
    Commented 2/06/2015 às 21:21
  • O que vai no lugar de "button" e "click" no seu código assim? Pois não quero clicar em nada pra fazer isso, ou melhor, não gostaria de ter que clicar em nada, só vou clicar no link para ir para a outra página onde vou usar os dados. Commented 2/06/2015 às 21:39
  • @GustavoSevero muda document.querySelector('button') para selecionar o teu link. Se fôr mais que um tens de ter um ciclo for. Se quiseres um exemplo mais claro tens de colocar o teu HTML.
    – Sergio
    Commented 2/06/2015 às 21:43
  • Não, é um link só, se a ele que te referes em eu ter mais de um. Commented 2/06/2015 às 21:53

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 .