pelari ini

<?php
error_reporting(1);
if($_GET['act']=='add')
{
    $code=$_POST['id'];
    //query disini

    $s="<tr><td>$code</td>
    <td>nama buku dengan kode $code
     </td>
    <td>1000 <input type=hidden name='price[$code]'
    value='1000' class='price' /></td></tr>";

    $a=array('tbl'=>$s);
    $json=json_encode($a);
die($json);
}
?><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

pilih buku
<select onchange='addRow()' class='buku'><option>PILIH BUKU
<?php
for($i=100; $i<120; $i++)
{
    echo "<option value='$i'>buku kode ke $i ";
}
?>
</select>
<table>
<thead><th>kode</th><th>judul</th><th>harga</th></thead>
<tbody class='listBuku'></tbody>
<tfooter>
<tr><td>&nbsp;</td><td>&nbsp;</td><td><span class='jumlah'>&nbsp;</span></td></tr>
</tfooter>
</table>


<p>
setelah pilih dari list buku di atas, maka akan jalanin addRow.php?id={id yg dipilih dari select}
lalu setelah dapet isinya.. (bentuk json)<br/>
maka akan di append ke tbody yg ada dibawah<br/>
untuk hitung berapa total bayarnya.. pake script jquery each yg mana hrs dibuat jalan dgn interval (ato bs jalan dgn trigger dari km input / appen lalu sekalian update harga)
</p>
<script>
function addRow()
{

    var request = $.ajax({
          url: "?act=add",
          type: "POST",
          data: {id: $('.buku').val()},
          dataType: "json"
    });

    request.success(function(msg) {
      console.log('data sudah terkirim');
        $(".listBuku").append(msg.tbl);
        checkHarga();
    });
}

function checkHarga()
{
    n=0;
    $( ".price" ).each(function( index ) {
      console.log( index + ": " + $( this ).val() );
      n+=parseInt($(this).val());
    });

    $(".jumlah").text( n);
}
</script>
/*
silakan dipelajari
*/