2016-11-30 105 views
-2

我有两个表格,它们使用一个称为invoice_no的公共列相互关联。我想是这样的: -使用jquery显示/隐藏div值

要在第一喜欢 - >image 1

显示从一个表中的数据,然后将数据显示像这样从第二个表当用户点击查看按钮喜欢 - >image 2

我如何可以切换从第二表中的数据上的按钮来查看的点击在表中的每一行,而不是让他们一下子,通过使用jQuery ..

这里是我的代码,我一直在使用一次查看所有数据: -

<?php 

$mysqli= new mysqli("localhost","root","","store_records"); 
if($mysqli->connect_error) 
die("Database connection failed ".$mysqli->connect_error); 

$query_details = "select DATE_FORMAT(date, '%d-%m-%Y') as date, ID, invoice_no, balance, sub_total, vat_tax, grand_total from bill_details ORDER BY DATE_FORMAT(date, '%m-%d-%Y') DESC"; 
$result_details = $mysqli->query($query_details); 
echo"<table id='products_table' border='1'>"; 
echo "<tr><th>Date</th><th>Invoice No</th><th>Balance</th><th>Sub Total</th><th>ADD V.A.T Tax</th><th>Grand Total</th></tr>"; 
while($row_details = $result_details->fetch_assoc()) 
{ 

echo "<tr><td>".$row_details['date']."</td><td>".$row_details['invoice_no']."</td><td>".$row_details['balance']."</td><td>".$row_details['sub_total']."</td><td>".$row_details['vat_tax']."</td><td>".$row_details['grand_total']."</td><td><input type='button' id='viewdetails' value='View'></td></tr>"; 

$query_records = "select * from bill_records where invoice_no='".$row_details['invoice_no']."'"; 
$result_records = $mysqli->query($query_records); 
echo "<td colspan='15'>"; 
echo "<table border='1' width='100%'>"; 
echo "<tr><th>Item Name</th><th>Quantity</th><th>Pack</th><th>Batch</th><th>Expiry</th><th>M.R.P</th><th>Rate</th><th>VAT</th><th>DIS.</th><th>Amount</th></tr>"; 
while($row_records = $result_records->fetch_assoc()) 
{ 

echo "<tr><td>".$row_records['item_name']."</td><td>".$row_records['qty']."</td><td>".$row_records['pack']."</td><td>".$row_records['batch']."</td><td>".$row_records['expiry']."</td><td>".$row_records['mrp']."</td><td>".$row_records['rate']."</td><td>".$row_records['vat']."</td><td>".$row_records['discount']."</td><td>".$row_records['amount']."</td></tr>"; 

} 
echo "</table>"; 
echo "</td>"; 
echo"</tr>"; 
} 
echo "</table>"; 
?> 

感谢你们的帮助:)

+0

你现在有什么问题?你有什么尝试? –

+0

我试图把第二个表的值显示在这个$(document).ready(function(){(#product_details []“)(); \t $(”#viewdetails “).click(function(){ \t $(this).prev(”#product_details []“)toggle();但它只适用于一行.. – Jyotishmoy

回答

0

您将需要通过唯一的ID工作,在这种情况下,你可以使用invoice_no领域。如果您将该唯一ID用于显示字段,那么您可以通过1来显示该字段。您可以在下面看到一个简单示例,此示例使用smarty变量。

<style> 
.hide { 
    display: none; 
} 
</style> 

{foreach $items as $item} 
    <div class="block"> 
     <button id="button-{$item.id}">Show Field</button> 
     <div class="hide" id="block-{$item.id}"> 
      Content {$item.id} 
     </div> 
    </div> 
{/foreach} 

<script type="text/javascript"> 
    $('[id^="button-"]').click(function() { 
     var id_parts = $(this).attr('id').split('-'); 
     $('#block-' + id_parts[1]).fadeIn(); 
    }); 
</script> 
+0

thnks我会试试看.. – Jyotishmoy