Tutorial PHP Pemula & Mahir

Question

pencarian dengan multi combobox mengunakan ajax

cukong sss · Jun 18, 2012

maap mas mau nanya
saya buat aplikasi keuangan,jadi ada pilihan untuk menampilkan laporan sesuai kategori anggaran,bulan , dan tahun.saya baru buat yang berdasarkan kategori anggaran,sedangkan untuk bulan dan tahun belum.saya masih bingung discriptnya buat menambahkan pencarian bulan dan tahun dan bulan atau database mesti dirubah.

ini scriptnya

<head>
<script type="text/javascript">	
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","tabeltransaksi.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>

<body>
<form method='post' action='' name='form_transaksi'>
<tr>
<th valign="top">Nama anggaran</th> 
<td>
<select name="transaksi" onchange="showUser(this.value)">
<option value=""></option>
<?php 
 include 'konek.php';
 $sql="select * from anggaran order by nama_anggaran";
 $query=mysql_query($sql) or die(mysql_error());
 while($hasil=mysql_fetch_array($query))
 {
   ?>
    <option value="<?php echo $hasil[nama_anggaran];?>"><?php echo $hasil[nama_anggaran];?></option>
   <?php
 }
?>
</select>
</td>
<td></td>
</tr>
</body>

combobox yang dipilih di kirim ke transaksi.php

<?php
    
  include 'konek.php';
  $q=$_GET["q"];
  ?>
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
    <tr>
    <th style="width:150px">Transaksi</th>
    <th style="width:100px">Tanggal</th>
    <th style="width:300px">Uraian</th>
    <th style="width:100px">Debet</th>
    <th style="width:100px">Kredit</th>
    
    </tr>
    <?php
    $query = mysql_query("select * from transaksi where transaksi = '".$q."'");
    while($hasil = mysql_fetch_array($query)){
    echo '<tr>';
    echo '<td>'.$hasil['transaksi'].'</td>';
    echo '<td>'.$hasil['tanggal'].'</td>';
    echo '<td>'.$hasil['uraian'].'</td>';
	echo '<td>'.$hasil['debet'].'</td>';
    echo '<td>'.$hasil['kredit'].'</td>';
    echo '</tr>';
    }
    ?>
    </table>

Silahkan login untuk menjawab!

Answer 1

2

Ellyx Christian · Jun 26, 2012 · 2 Suka · 0 Tidak Suka

kamu perlu menambahkan satu tombol lagi, jadi searching baru berjalan saat tombol ditekan

<head>
<script type="text/javascript">	
function showUser()
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  var str = 'transaksi='+document.getElementById('transaksi').value;
  str += '&combo2='+document.getElementById('combo2').value;
  str += '&combo3='+document.getElementById('combo3').value;
xmlhttp.open("GET","tabeltransaksi.php?"+str,true);
xmlhttp.send();
}
</script>
</head>
 
<body>
<form method='post' action='' name='form_transaksi'>
<tr>
<th valign="top">Nama anggaran</th> 
<td>
<select name="transaksi" id="transaksi">
<option value=""></option>
<?php 
 include 'konek.php';
 $sql="select * from anggaran order by nama_anggaran";
 $query=mysql_query($sql) or die(mysql_error());
 while($hasil=mysql_fetch_array($query))
 {
   ?>
    <option value="<?php echo $hasil[nama_anggaran];?>"><?php echo $hasil[nama_anggaran];?></option>
   <?php
 }
?>
</select>
<select name="combo2" id="combo2"></select>
<select name="combo3" id="combo3"></select>
</td>
<td><button type="button" onclick="showUser()">Search</button></td>
</tr>
</body>