Estou começando a aprender javascript agora, e tenho de preencher um formulário com alguns dados que tenho em um banco. Ao realizar a consulta no banco (através do php), u tenho um array multidimensional assim:
Array ( [0] => Array ( [evento_id] => 2 [celebracao] => 3 [eventoNome] => ANIVERSÁRIO ARTHUR 2 ANOS [primeiroNome] => ARTHUR HENRIQUE [segundoNome] => [data] => 2018-04-08 [observacoes] => ) [1] => Array ( [evento_id] => 3 [celebracao] => 3 [eventoNome] => ANIVERSÁRIO DO ANDERSON [primeiroNome] => ANDERSON MOREIRA [segundoNome] => [data] => 2017-10-21 [observacoes] => ) )
O formulário é feito a partir de um select, como do código abaixo:
<div class="form-input-box">Evento: <select id="evento" name="evento" onchange="atualiza(this.value)">
<?php foreach ($evento as $row) {
echo "<option value=".$row['evento_id'].">".$row['eventoNome']." </option>";}?>
</select></div>
<div class="form-input-box">Data: <input type="date" data-format="dd-mm-yyyy" name="data" id="data" disabled/></div>
<?php
if ($evento == null) {
echo "<div class='form-input-box'>Noivo: <input type='text' name='primeiroNome' id='primeiroNome' disabled/></div>";
echo "<div class='form-input-box'>Noiva: <input type='text' name='segundoNome' id='segundoNome' disabled/></div>";
} else {
echo "<div class='form-input-box'>Nome: <input type='text' name='primeiroNome' id='primeiroNome' disabled/></div>";}
Eu sei que preciso dos ids dentro dos inputs para receber os dados do javascript, mas não estou sabendo como pegar o array que está em php, o value do select onde já vai estar com o nome do evento escolhido (ANIVERSÁRIO ARTHUR 2 ANOS value 2 ou ANIVERSÁRIO DO ANDERSON value 3) e atualizar os campos nome e data do form abaixo do select. O script que eu fiz para isso é este:
function atualiza(valor) {
var eventoid = valor;
var eventos = <?php echo json_encode($evento);?>;
for(i=0; i<= eventos.length; i++){
for (j=0; j<=eventos.length; j++){
if (eventos.evento_id = eventoid){
document.getElementById('primeiroNome').innerHTML=(eventos.primeiroNome);
document.getElementById('segundoNome').value=(eventos.segundoNome);
document.getElementById('data').value=(eventos.data);
document.getElementById('evento_id').value=(eventos.evento_id);
}
}
}
}
Mas não está ocorrendo esta atualização, o que posso estar fazendo. Qualquer ajuda é bem vinda.