memunculkan data pada tabel yang ber-relasi ke lis menu

agung · Jun 7, 2015
salam my php tutorial...
saya butu pencerahan untuk menampilkan data pada 2 tabel yang ber-relasi yang ingin saya tampilkan ke dalam 2 lis menu..
contoh jalanya perogram seperti ini : data tabel akan muncul di lis menu kirim melalui dan jika saya esekusi salah satu datanya akan memunculkan data yang ber-relasi pada tabelnya dan memunculkan data pada lis pilih kota dan jika saya esekusi salah satu data di pilih kota maka akan muncul data harga pada txtfield Biaya kirim..
<table>
<tr> 
      <td><b>&nbsp;&nbsp;Kirim Melalui</b></td>
      <td><strong>:</strong></td>
      <td> <p>
        <select name="cmbProvinsi">
          <option value="KOSONG" selected>....</option>
         
        </select>
      </p></td>
    </tr>
    <tr> 
      <td><b>&nbsp;&nbsp;Kota Tujuan </b></td>
      <td><strong>:</strong></td>
      <td><select name="kota2" id="kota">
          <option value="KOSONG" selected>....</option>
          
      </select>
         Biaya Kirim :
         <label for="biaya"></label>
      <input type="text" name="biaya" id="biaya" /></td>
    </tr>
    </table>
Silahkan login untuk menjawab!
0
mokegile · Jun 11, 2015 · 0 Suka · 0 Tidak Suka
begini mugkin:
<script>
function first(t){
 
	v = t.value;	
	kota_active = document.getElementById(v);
	list_kota 	= document.getElementsByClassName("kota");
	length_kota = document.getElementsByClassName("kota").length;
		
	if( v != 'KOSONG' ){
		
		for( i = 0; i < length_kota; i++ ){
			list_kota[i].style.display = 'none';
		}
 
		kota_active.style.display = 'inline-block';
		kota_active.disabled = false;
	}else{
		for( i = 0; i < length_kota; i++ ){
			list_kota[i].disabled = true;
		}
	}
}
 
function second(y){
	val 		= y.value;
	biaya		= document.getElementById('biaya');
	biaya.value = val;
}
</script>
 
<table>
<tr> 
      <td><b>&nbsp;&nbsp;Kirim Melalui</b></td>
      <td><strong>:</strong></td>
      <td> <p>
        <select name="cmbProvinsi" onchange="first(this)">
          <option value="KOSONG">....</option>
          <option value="kota1">A</option>
          <option value="kota2">B</option>
        </select>
      </p></td>
    </tr>
    <tr> 
      <td><b>&nbsp;&nbsp;Kota Tujuan </b></td>
      <td><strong>:</strong></td>
      <td>
	  <select name="kota2" id="kota1" class="kota" disabled onchange="second(this)">
		  <option value="KOSONG" selected>....</option>
          <option value="2000">A1</option>
          <option value="2500">A2</option>
      </select>
	  <select name="kota2" id="kota2" class="kota" style="display:none" onchange="second(this)">
          <option value="KOSONG" selected>....</option>
          <option value="3000">B1</option>
          <option value="3500">B2</option>
      </select>	  
         Biaya Kirim :
         <label for="biaya"></label>
      <input type="text" name="biaya" id="biaya" /></td>
    </tr>
    </table>