Migrando variáveis PHP para Javascript

Um pouco de programação.

LEIA: Este artigo não contará com exemplos, apenas uma breve explicação de como isso pode ser feito sem usar AJAX, apenas PHP, HTML e Javascript.

Realmente não é possível mesclar PHP com Javascript diretamente. Mas porque mesclar?

Mesclar porque, apesar do PHP ter as ferramentas, tudo em PHP precisa ser resolvido no servidor. Contrapartida o Javascript agiliza e pode fazer muitas coisas interessantes sem precisar do servidor, ou seja, localmente, sem precisar rodar e processar um Form.

Imagine atualizar um campo INPUT qualquer tendo que recarregar a página? Se precisar fazer isso com muitos campos você vai ficar doido enviando informações já escolhidas para mostrá-las novamente.

A saída que usei foi criar campos INPUTS type="hidden" a partir do Foreach do PHP.

Uma vez que agora tenho estas informações em HTML, ou seja, os campos INPUT, usei o Javascript com a opção document.getElementById("id_input+i).value para armazenar as informações em uma Array Javascript.

Uma vez que trouxe as informações da base de dados com PHP usando um cotador inciado no zero, uso também um contador javascript inciado em zero. Para que tudo funcione também passei o valor final do contador PHP para um campo type="hidden" no value=<?=$contador?>.

A variável i é um contador Javascript e a variável contador veio de um dos INPUTS com getElementById, então, parte do meu Javascript, ficou assim:

while (i <= contador) {
  produtos[i] = document.getElementById("nproduto"+i).value;

Agora consigo atualizar um campo qualquer a partir de um SELECT pois tudo passa a ser Javascript até realmente eu submeter meu Form ao servidor para gravar ou passar para uma próxima fase.

Tente o desafio se precisar.