从数据库中获取数据并将其放入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

回答

相关问题