從數據庫中獲取數據並將其放入SELECT TAG

我有三個選擇標籤（1）類別（2）子類別（3）產品說明，我想用數據庫中的數據填充它。但我想要的是當我選擇例如。子類別中的類別的辦公用品只會顯示例如。圓珠筆，尺子，筆記本，當我選擇例如。產品描述上的Ballpen將只顯示Ballpen的描述。順便說一句，我創建了一些PHP的代碼，但它只填充選擇標籤。我希望有人能幫助我。這是出於論文。 :)從數據庫中獲取數據並將其放入SELECT TAG

<html> 
<head> 
<title>Test Select</title> 
</head> 

<body> 

<?php 
$query = "SELECT DISTINCT(`product_cate`) FROM `tbl_product` "; 
$result = mysql_query($query); 

?> 

Category: 
<select id="select1"> 

<option></option> 
<?php while($data = mysql_fetch_array($result)){ 
$displayData = $data['product_cate']; 
?> 
<option value="<?php echo $displayData;?>"><?php echo $displayData; ?></option> 

<?php } ?> 
</select> 

<?php 

$query2 = "SELECT DISTINCT(`product_sub`) FROM `tbl_product`"; 
$result2 = mysql_query($query2); 
?> 

Sub Category: 
<select id="select2"> 

<option></option> 
<?php while($data2 = mysql_fetch_array($result2)){ 
    $displayData2 = $data2['product_sub']; 
?> 
<option value="<?php echo $displayData2;?>"><?php echo $displayData2;?></option> 

<?php }?> 
    </select> 

    <?php 
$query3 = "SELECT DISTINCT(`product_desc`) FROM `tbl_product`"; 
$result3 = mysql_query($query3); 
    ?> 
    Product Description: 
    <select id="select3"> 

<option></option> 
<?php while($data3 = mysql_fetch_array($result3)){ 
    $displayData3 = $data3['product_desc']; 
?> 
<option value="<?php echo $displayData3;?>"><?php echo $displayData3;?></option> 

<?php }?> 
    </select> 

    </body> 
    </html>

來源

2013-10-03 Jill Rose

它很髒！ :) – Sidux

你爲什麼不幫我？請。 :) –

我想你正在嘗試做這樣的事情：http://www.yourinspirationweb.com/en/how-to-create-chained-select-with-php-and-jquery/你可能想要使用jQuery創建一個「鏈接」選擇/下拉菜單。 – Maximus2012

的道路上導則採取將使用jquery。基本上會發生的是，你會加載第一選擇即類別。當用戶選擇一個類別時，更改應該啓動ajax調用來查詢數據庫並從發佈的類別標識中獲取子目錄。該調用返回子類別作爲json，你將把它放在選擇框中。對產品的描述同樣的計劃

這可能是一個起點，並從那裏跟進：

jQuery dropdown dependent

很多類似的問題在這裏

來源

2013-10-03 14:55:21

好的，謝謝你的幫助！：* –

你可以只用一個其他屬性的鏈接選項例如：

<select class="cat"><option>Category<option><select> 
<select class="sub_cat"><option data-cat="Category">Sub-Category<option><select>

之後使用可以使用javascript來隱藏不需要的類別例如（用jquery ery）：

$('.cat').change(function() { 
    $('.sub_cat option:not([data-cat="Category"])').hide(); 
});

來源

2013-10-03 15:00:16 Sidux

感謝您的幫助。：d –

從數據庫中獲取數據並將其放入SELECT TAG

回答

相關問題