Cara Menghubungkan ComboBox dengan TextBox Otomatis pada PHP

Cara Menghubungkan ComboBox dengan TextBox Otomatis pada PHP 

Combobox merupakan salah elemen form yang sangat sering kita gunakan di berbagai aplikasi atau web yang kita bangun. Contohnya pada form registrasi. 

ComboBox merupakan elemen yang berupa kotak atau box yang memungkinkan kita memilih data list yang tersedia.

list dari Comboxbox dapat kita tulis secara manual di HTML tapi banyak sekali situasi yang mengharuskan List dari Combobox itu harus menyesuaikan dengan situasi dan kondisi atau biasa kita sebut ComboBox Dinamis.

Pada Postingan kali ini akan membahas Combobox dinamis yang akan dihubungkan dengan Textbox secara otomatis.

Berikut Cara Menghubungkan ComboBox dengan TextBox Otomatis pada PHP :

1. Buat sebuah file dengan nama otomatis.php
2. Copy dan Paste Code berikut :

<?php 
 $host = 'localhost'; 
 $user = 'root'; 
 $pass = '';
 $dbname = 'university';
 $connect = mysql_connect($host, $user, $pass) or die(mysql_error());
 $dbselect = mysql_select_db($dbname);
 
 $result = mysql_query("select * from mahasiswa");  
 $jsArray = "var prdName = new Array();n";  
 echo '<select name="prdId" onchange="document.getElementById('prd_name').value = prdName[this.value]">';  
 echo '<option>-------</option>';  
 while ($row = mysql_fetch_array($result)) {  
  echo '<option value="' . $row['nim'] . '">' . $row['nim'] . '</option>';  
  $jsArray .= "prdName['" . $row['nim'] . "'] = '" . addslashes($row['nama_mhs']) . "';n";  
 }  
  echo '</select>';  
 ?>  
 <input type="text" name="prod_name" id="prd_name"/>  
 <script type="text/javascript">  
<?php echo $jsArray; ?>  
</script>

Struktur Tabel :

Hasilnya :

Jadi, Ketika user memilih list data dari Combobox maka pada Textbox otomatis muncul nama mahasiswa sesuai dengan NIM yang dipilih

Demikian Cara Menghubungkan ComboBox dengan TextBox Otomatis pada PHP. Semoga bermanfaat dan terimakasih