我有mysql数据库的结果。
我想显示3行,然后隐藏其余的。
当用户单击以加载更多数据时,将显示所有行。
问题是,当我单击“显示更多”时,只会再显示一行。
<?php
$query_brands = mysql_query("SELECT distinct pd_filter1 from tbl_brands2 WHERE pd_code in (select pd_code from tbl_product where cat_id='2')") or die(mysql_error());
$count_brands = mysql_num_rows($query_brands);
if($count_brands > 0) {
while($fetch_brands = mysql_fetch_array($query_brands)) {
$record_brands[] = $fetch_brands;
}
}
$i_brands=0;
foreach($record_brands as $records_brands) {
?>
<table border="1" width="215" style="border-collapse: collapse; border-spacing: 0;" bgcolor="#eeeff0">
<tr>
<td>
<?php
$i_brands = $i_brands + 1;
if ($i_brands > 3)
{
?>
<div id="myDIV_Filter1_1" style="display:none";>
<?php
}
}
?>
<div id="myDIV_Filter1_2">
<span class="class22">
<a href="#" onclick="myFunction();return false;">show more...</a>
</span>
</div>
<div id="myDIV_Filter1_3" style="display:none";>
<span class="class22">
<a href="#" onclick="myFunction();return false;">show less...</a>
</span>
</div>
</td>
</tr>
</table>
javascript语言
function myFunction() {
var x_filter1_1 = document.getElementById("myDIV_Filter1_1");
var x_filter1_2 = document.getElementById("myDIV_Filter1_2");
var x_filter1_3 = document.getElementById("myDIV_Filter1_3");
if (x_filter1_1.style.display === "none") {
x_filter1_1.style.display = "block";
x_filter1_2.style.display = "none";
x_filter1_3.style.display = "block";
} else {
x_filter1_1.style.display = "none";
x_filter1_2.style.display = "block";
x_filter1_3.style.display = "none";
}
}
1条答案
按热度按时间p4tfgftt1#
您的代码有一些错误:
1) 尽量不要像现在这样在代码行中使用return:
你可以像这里解释的那样更好地使用它
2) 如果代码示例的所有div都在display none中,用户将永远看不到这些div中的信息,因为您没有任何代码可以开始显示其中的一些div。在同一行中你加了“;”但必须在样式内。此行有一个错误:
必须这样:
javascript函数myfunction上的“show hide”逻辑有一个错误,因为您的div id=“mydiv\u filter1\u 1”包含代码示例上的其他2个div,因此无法隐藏此特定div,因为您将丢失其他2个div的“show”或“hide”。这样它就不会显示你想看到的其他三排。我修复了所有错误,您可以在此处查看我代码段上的代码:
希望有帮助!