我有一个从 mysql dbb 中获取的具有唯一 ID 的产品类别列表。 当我单击一个产品类别时,我想显示该类别的产品列表并关闭另一个(如果之前打开过一个 div)。 但我不知道我该怎么做。
PHP:
<?php
echo "<script type='text/javascript'>
$(document).ready(function() {";
$result0 = mysql_query("select * from $table order by idcat");
while ($r0 = mysql_fetch_array($result0)) {
$idcat_jquery = $r0['idcat'];
echo '$(\'#lienmenu_'.$idcat_jquery.'\').click(function() {
$(\'#display_product_info'\').hide('.idcat.');
$(\'#display_product_info'\').show(' . idcat . ');
});';
}
echo ' });';
echo '</script>';
$result1 = mysql_query("select * from $table order by idcat");
while ($r1 = mysql_fetch_array($result1)) {
$cat = $r1['cat'];
$idcat = $r1['idcat'];
echo '<input value="' . $cat . '" id="idcat" class="submit" type="submit"/>';
}
?>
<div id="display_product_info" style="display:none;">
<?php
$result1 = mysql_query("select * from $table2 where idcat='$idcat' order by productname");
while ($r1 = mysql_fetch_array($result1)) {
$productname = $r1['productname'];
$idproduct = $r1['idproduct'];
echo '' . $productname . '<BR>';
}
?>
</div>
最佳答案
您可以为包含类别产品的事件 DIV 设置一些 CSS 唯一类,
当您打开另一个类别产品时,删除事件的唯一 CSS 类并将该唯一 CSS 分配给您的新类别 -> 产品 DIV 容器。
编辑:
如果您使用唯一的 DIV {id} 维护您的类别->产品,那么管理您的事件 DIV 就很容易。
您可以读取所有 DIV 并为所有 DIV 应用非事件 CSS 类(使用隐藏选项)并应用事件 CSS 类(使用显示选项)。
示例:
<div id="container">
<div id="cat1"> </div>
<div id="cat2"> </div>
<div id="cat3"> </div>
<div id="cat4"> </div>
</div>
$("div#container > div").each(function(){
var element_id = $(this).attr("id");
$("#"+element_id).hide();
});
您要展示的类别 -> 产品获得该 DIV id 并且:
$("#Category_DIV_ID").show();
关于php - 单击 1 个产品类别时显示产品的 div 列表(并关闭其他 div),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20782206/