SHARE
TWEET

como-faço-um-javascript-que-atualiza-dados-de-um-formulario

a guest Apr 27th, 2017 25 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2.  
  3. $evento = [
  4.     [
  5.         'evento_id' => 2,
  6.         'celebracao' => 3,
  7.         'eventoNome' => 'ANIVERSÁRIO ARTHUR 2 ANOS',
  8.         'primeiroNome' => 'ARTHUR HENRIQUE',
  9.         'segundoNome' => null,
  10.         'data' => '2018-04-08',
  11.         'observacoes' => null
  12.     ],
  13.     [
  14.         'evento_id' => 3,
  15.         'celebracao' => 3,
  16.         'eventoNome' => 'ANIVERSÁRIO DO ANDERSON',
  17.         'primeiroNome' => 'ANDERSON MOREIRA',
  18.         'segundoNome' => null,
  19.         'data' => '2017-10-21',
  20.         'observacoes' => null
  21.     ]
  22. ];
  23. ?>
  24.  
  25. <div class="form-input-box">
  26.     Evento:
  27.     <select id="evento" name="evento" onchange="atualiza(this)">
  28.         <?php foreach ($evento as $row) {
  29.             echo "<option data-row='" . json_encode($row) . "' value=".$row['evento_id'].">".$row['eventoNome']." </option>";
  30.         }?>
  31.     </select>
  32. </div>
  33. <div class="form-input-box">
  34.     Data:
  35.     <input type="date" data-format="dd-mm-yyyy" name="data" id="data" disabled/>
  36. </div>
  37.  
  38. <div class='form-input-box'>primeiroNome: <input type='text' id='primeiroNome' disabled/></div>
  39. <div class='form-input-box'>segundoNome: <input type='text' id='segundoNome' disabled/></div>
  40. <div class='form-input-box'>evento_id: <input type='text' id='evento_id' disabled/></div>
  41.  
  42. <script>
  43.     function atualiza(select) {
  44.         var selectedOption = select.querySelector('option:checked');
  45.         var data = JSON.parse(selectedOption.getAttribute('data-row'));
  46.  
  47.         console.log(data);
  48.  
  49.         document.getElementById('primeiroNome').value=(data.primeiroNome);
  50.         document.getElementById('segundoNome').value=(data.segundoNome);
  51.         document.getElementById('data').value=(data.data);
  52.         document.getElementById('evento_id').value=(data.evento_id);
  53.     }
  54. </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top