2013-04-01 23 views
1

我想展示與可在最網上購物sites.I找到裝箱 MySQL表網頁上的圖像基於類別購物項目:IST與IDCATEGORY_NAME和2與IDcategoryid,產品,image_path。我能夠一次在頁面上顯示所有產品圖像,但我不知道如何使用頁面頂部的提交按鈕顯示從下拉列表中選擇的單個類別的產品圖像。我希望我的觀點清楚,否則隨時可以問我。如何從數據庫中選擇下拉類別後從mysql表中顯示圖像?

下面我附加了我的代碼,該代碼顯示了我的php頁面上的所有產品圖像,沒有任何下拉列表。任何想法和建議都是值得歡迎的。

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
    ul, li { 
list-style-type:none; 
} 

ul.display { 
width: 500px; 
} 

ul.display li { 
float: left; 
width: 100px; 
height: 120px; 
margin-left: 5px; 
margin-right: 5px; 
margin-bottom: 5px; 
position: relative; 
vertical-align:middle; 
text-align:center; 
} 
ul.display li a img { 
width: 94px; 
height: 114px; 
display: inline; 

} 

</style> 
</head> 

    <body> 

    <div align="center"> 
<?php 
    include('connect.php'); 
    $SQL = "SELECT * from becuart"; 
    $result = mysql_query($SQL); 
    echo "<ul class='display'>"; 
    while($row = mysql_fetch_array($result)) { 
    $filepath = $row["path"]; 

    echo "<li>"; 
    echo "<a href=\"$filepath\"><img src=\"$filepath\" border=\"0\"></a>"; 
    echo "</li>"; 
    } 
    echo "</ul>"; 
    ?> 
    </div> 

    </body> 
    </html>` 
+0

試這會幫助你。 http://designwithpc.com/Plugins/ddSlick –

+0

感謝您的鏈接,但我的要求其實不是這樣。 – Monomita

回答

0

的名稱,因爲它的方式太長 - >新的答案:

<?php 
include 'dbconnect.php'; 
?> 

<form name="product" method="post" action=""> 
<table align="right" width="10%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td>Category</td> 
<td> 
<select name="category"> 

<?php 
$sql = "SELECT id, art_name, path FROM category;"; 
$result = mysql_query($sql); 
while ($row = mysql_fetch_assoc($result)) { 
?> 

<option value="<?= $row['id']; ?>"><?= $row['art_name']; ?></option> 


<?php } ?> 
</select> 
</td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td><input name="go" type="submit" value="Go" /></td> 
</tr> 
</table> 
    </form> 
<div align="center"> 

<ul class='display'> 
<?php 
$id = (int)$_POST['category']; 
$sql_search = "SELECT id, art_name, path FROM category WHERE id = $id"; 
$search = mysql_query($sql_search); 
if (isset($_POST['go'])) { 
while ($row = mysql_fetch_assoc($search)) { 
    ?> 


<li><a href="<?= $row['path']; ?>"><img src="<?= $row['path']; ?>" border="0"></a></li> 
<?php } 

} 

else { 

} 


?> 
</div> 
+0

它在我的本地主機上工作。我創建了一個名爲'category'的表格,其中包含'id','art_name','path'和'012' 2 \t波普\t HTTP://monomita.arbionics.com/Becuart/DOCS/Uploads ... 自然藝術\t HTTP://monomita.arbionics.com/Becuart/DOCS/Uploads ... 所以在div中,它將圖像與ID的結果一起發佈。 –

+0

感謝您以正確的方式指導我。我的問題解決了。現在,我可以使用兩個數據庫表爲所選類別顯示多個圖像。:) – Monomita

0
SELECT id, name, path FROM table; 

... 
<select name ...> 
<?php 
while($row = mysql_fetch_array($result)) { 
?> 
<option name="id" value="<?= $row['id']; ?>"><?= $row['name']; ?></option> 
<?php 
} 
?> 
</select> 

因此,通過使用Javascript/jQuery的打開,回答上張貼的$行[ '身份證']的IMG; (請從表路徑WHERE ID =;),或通過一個簡單的$ _ POST [「身份證」],這是場

+0

使用echo $ row ['id']填充選項的值,所以當您發佈您的請求時,您將擁有$ _POST ['shoplist'] = $ row ['id'] = $ shoplist = 1 –

+0

use input type =當你有這樣的表格時,請提交,而不是按鈕。 –

+0

我已經發布了新的答案,因爲它不適合在這裏用好格式等 –

相關問題