API tools faq
paste
nebukad

Select On Change

nebukad
Jun 25th, 2015
519
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.10 KB | None | 0 0
raw download clone embed print report
  1.     <body>
  2.         <h2>DATA IBU</h2>
  3.         <form action="?page=lahir.data_ayah" method="POST">
  4.             <table id="table_input">
  5.                 <tr>
  6.                     <td>NIK</td>
  7.                     <?php
  8.                         $server = "localhost";
  9.                         $user = "root";
  10.                         $password = "";
  11.                         $database = "kar_db";
  12.  
  13.                         mysql_connect($server,$user,$password) or die ("Koneksi gagal");
  14.                         mysql_select_db($database) or die ("Database tidak ditemukan");
  15.  
  16.                         $SQL_detail="
  17.                             SELECT
  18.                                 *
  19.                             FROM
  20.                                 tb_penduduk
  21.                         ";
  22.                         $SQL_result=mysql_query($SQL_detail) or die ('Gagal Query: '.$SQL_detail);
  23.                         echo '<td align="left">';
  24.                         echo '<select name="frm_nik" onchange="changeValue(this.value)" id="select" style="width:250px; height:35px; font:Calibri; font-size:16px;">';
  25.                         echo '<option selected>--Pilih--</option>';
  26.                         while($data=mysql_fetch_array($SQL_result)){
  27.                             echo '<option value="'.$data['nik'].'"
  28.                                 data-nama="'.$data['nama_lengkap'].'"
  29.                                 data-tl="'.$data['tanggal_lahir'].'"
  30.                                 data-kerja="'.$data['pekerjaan'].'"
  31.                                 data-alamat="'.$data['nama_dukuh'].', RT='.$data['rt'].', '.$data['desa'].' , '.$data['kec'].', '.$data['kab'].', '.$data['prov'].' , '.$data['kode_pos'].'
  32.                                 data-warga="'.$data['kewarganegaraan'].'"
  33.                                 data-bangsa="'.$data['kebangsaan'].'"
  34.                                 ">'.$data[nik].'</option>';
  35.                             // $var_arrNIK.="dataNIK['".$data['nik']."']= {
  36.                             // nama:'".addslashes($data['nama_lengkap'])."',
  37.                             // tl:'".addslashes($data['tanggal_lahir'])."',
  38.                             // kerja:'".addslashes($data['pekerjaan'])."',
  39.                             // alamat:'".addslashes(($data['nama_dukuh']).', RT='.($data['rt']).', '.($data['desa']).', '.($data['kec']).', '.($data['kab']).', '.($data['prov']).', '.($data['kode_pos']))."',
  40.                             // warga:'".addslashes($data['kewarganegaraan'])."',
  41.                             // bangsa:'".addslashes($data['kebangsaan'])."'
  42.                             // };\n";
  43.                         }
  44.                         echo ' </select></td></tr>';
  45.                     ?>
  46.                 <tr>
  47.                     <td>Nama Lengkap</td>
  48.                     <td align="left"><input type="text" name="frm_nama" id="frm_nama" placeholder="Nama Lengkap" style="width:350px;"></td>
  49.                 </tr>
  50.                 <tr>
  51.                     <td>Tanggal Lahir</td>
  52.                     <td align="left"><input type="date" name="frm_tanggal_lahir" id="frm_tanggal_lahir" style="width:150px"></td>
  53.                 </tr>
  54.                 <tr>
  55.                     <td>Umur</td>
  56.                     <td align="left"><input type="text" name="frm_umur" id="frm_umur" placeholder="Umur" style="width:90px"></td>
  57.                 </tr>
  58.                 <tr>
  59.                     <td>Pekerjaan</td>
  60.                     <td align="left"><input type="text" name="frm_pekerjaan" id="frm_pekerjaan" placeholder="Pekerjaan" style="width:290px"></td>
  61.                 </tr>
  62.                 <tr>
  63.                     <td valign="top">Alamat</td>
  64.                     <td align="left"><textarea type="text" name="frm_alamat" id="frm_alamat" style="width:250px;height:150px;border-radius:5px"></textarea></td>
  65.                 </tr>
  66.                 <tr>
  67.                     <td>Kewarganegaraan</td>
  68.                     <td align="left"><input type="text" name="frm_warga_negara" placeholder="Kewarganegaraan" id="frm_warga_negara" style="width:150px"></td>
  69.                 </tr>
  70.                 <tr>
  71.                     <td>Kebangsaan</td>
  72.                     <td align="left"><input type="text" name="frm_bangsa" id="frm_bangsa" style="width:150px" placeholder="Kebangsaan"></td>
  73.                 </tr>  
  74.                 <script type="text/javascript">
  75.                     function changeValue(id){
  76.                         var select=document.getElementById('select');
  77.                         var e = select.options[select.selectedIndex];
  78.                         document.getElementById('frm_nama').value = e.getAttribute("data-nama");
  79.                         document.getElementById('frm_tanggal_lahir').value = e.getAttribute("data-tl");
  80.                         document.getElementById('frm_pekerjaan').value = e.getAttribute("data-kerja");
  81.                         document.getElementById('frm_alamat').value = e.getAttribute("data-alamat");
  82.                         document.getElementById('frm_warga_negara').value = e.getAttribute("data-warga");
  83.                         document.getElementById('frm_bangsa').value = e.getAttribute("data-bangsa");
  84.                     };
  85.                 </script>
  86.                 <tr>
  87.                     <td>Tanggal Pencatatan Perkawinan</td>
  88.                     <td align="left"><input type="date" name="frm_tanggal_kawin" style="width:150px"></td>
  89.                 </tr>
  90.             </table>
  91.             <input type="submit" name="btn_simpan" style="width:150px"value="SIMPAN" width="200px"/>
  92.         </form>
  93.     </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!