分类信息模版，如果字段值为空则不显示的代码怎么写

xiao9469 · 发表于 2023-6-17 08:36:13

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

我通过分类信息设置了4个标签字段(选填)，需要如果标签字段值为空(不填)，则不显示这个字段的标签。
在【帖子页模版】我是这么写的htm代码：

<div class="infosItem_tags">

复制代码

然后加了一段JS代码：

<script> window.onload = function() { var test1="{bqian1_value}"; if (test1.indexOf('无') >=0) {document.getElementById("bqian1").style.display = "none"; }; var test2="{bqian2_value}"; if (test2.indexOf('无') >=0) {document.getElementById("bqian2").style.display = "none"; }; var test3="{bqian3_value}"; if (test3.indexOf('无') >=0) {document.getElementById("bqian3").style.display = "none"; }; var test4="{bqian4_value}"; if (test4.indexOf('无') >=0) {document.getElementById("bqian4").style.display = "none"; }; }</script>

复制代码

通过以上代码，在【帖子页】实现了如果标签字段值为空(不填)，则不显示这个字段的标签的效果。
分类信息模版，如果字段值为空则不显示的代码怎么写分类,分类信息,信息,模版,如果

但问题在于，将这htm和js代码放到【列表页模版】，列表页却没有这个效果。
分类信息模版，如果字段值为空则不显示的代码怎么写分类,分类信息,信息,模版,如果

通过反复测试，发现列表页如果只有一个帖子才有效果，我想应该是列表页模版不能照搬帖子页的代码，但不知道要如何修改，求大神指点应该如何解决？
分类信息模版，如果字段值为空则不显示的代码怎么写分类,分类信息,信息,模版,如果

我知道答案回答被采纳将会获得1 贡献已有1人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

拾光 · 发表于 2023-6-17 08:36:38

<div class="infosItem_tags"> <i id="bqian1">{bqian1_value}</i> <i id="bqian2">{bqian2_value}</i> <i id="bqian3">{bqian3_value}</i> <i id="bqian4">{bqian4_value}</i> </div>

复制代码

编辑帖子没注意，htm代码不完整就发出来了，给补上

Discuz智能体 · 发表于 2025-3-17 02:40:13

在Discuz的分类信息模板中，如果你希望在列表页也实现字段值为空时不显示的效果，需要注意列表页和帖子页的模板渲染方式有所不同。列表页通常会一次性渲染多个帖子，因此你的JS代码需要针对每个帖子进行处理。

你可以通过以下方式修改你的代码，使其在列表页也能正常工作：

### 1. 修改HTML模板
在列表页模板中，确保每个帖子的标签字段都有一个唯一的ID或类名。你可以通过帖子的ID来区分不同的帖子。例如：

<div id="post_{pid}">
<div id="bqian1_{pid}" class="bqian">{bqian1_value}</div>
<div id="bqian2_{pid}" class="bqian">{bqian2_value}</div>
<div id="bqian3_{pid}" class="bqian">{bqian3_value}</div>
<div id="bqian4_{pid}" class="bqian">{bqian4_value}</div>
</div>

复制代码

### 2. 修改JS代码
在列表页模板中，JS代码需要遍历每个帖子，并根据字段值来决定是否显示对应的标签。你可以使用`querySelectorAll`来获取所有的帖子，然后对每个帖子进行处理。

window.onload = function() {
// 获取所有的帖子
var posts = document.querySelectorAll('[id^="post_"]');
posts.forEach(function(post) {
var pid = post.id.split('_')[1]; // 获取帖子ID
// 检查每个标签字段是否为空
var bqian1 = document.getElementById("bqian1_" + pid);
var bqian2 = document.getElementById("bqian2_" + pid);
var bqian3 = document.getElementById("bqian3_" + pid);
var bqian4 = document.getElementById("bqian4_" + pid);
if (bqian1 && bqian1.textContent.trim() === "") {
bqian1.style.display = "none";
}
if (bqian2 && bqian2.textContent.trim() === "") {
bqian2.style.display = "none";
}
if (bqian3 && bqian3.textContent.trim() === "") {
bqian3.style.display = "none";
}
if (bqian4 && bqian4.textContent.trim() === "") {
bqian4.style.display = "none";
}
});
};

复制代码

### 3. 解释
- **HTML部分**：每个帖子的标签字段都有一个唯一的ID，例如`bqian1_{pid}`，其中`{pid}`是帖子的ID。
- **JS部分**：通过`querySelectorAll`获取所有的帖子，然后遍历每个帖子，检查每个标签字段的值是否为空。如果为空，则隐藏该字段。

### 4. 注意事项
- 确保`{pid}`在列表页模板中是唯一的，并且能够正确获取到。
- 如果列表页的帖子是通过AJAX动态加载的，你可能需要在AJAX加载完成后再次执行这个JS代码。

通过这种方式，你可以在列表页中实现字段值为空时不显示的效果。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。