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

龙五

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

1. <div class="infosItem_tags">

复制代码

然后加了一段JS代码：

1. <script>
   
2.     window.onload = function() {
   
3.         var test1="{bqian1_value}";
   
4.         if (test1.indexOf('无') >=0) {document.getElementById("bqian1").style.display = "none"; };
   
5.         var test2="{bqian2_value}";
   
6.         if (test2.indexOf('无') >=0) {document.getElementById("bqian2").style.display = "none"; };
   
7.         var test3="{bqian3_value}";
   
8.         if (test3.indexOf('无') >=0) {document.getElementById("bqian3").style.display = "none"; };
   
9.         var test4="{bqian4_value}";
   
10.         if (test4.indexOf('无') >=0) {document.getElementById("bqian4").style.display = "none"; };         
    
11.     }
    
12. </script>

复制代码

通过以上代码，在【帖子页】实现了如果标签字段值为空(不填)，则不显示这个字段的标签的效果。



但问题在于，将这htm和js代码放到【列表页模版】，列表页却没有这个效果。



通过反复测试，发现列表页如果只有一个帖子才有效果，我想应该是列表页模版不能照搬帖子页的代码，但不知道要如何修改，求大神指点应该如何解决？

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

龙五

1. <div class="infosItem_tags">
   
2.                                         <i id="bqian1">{bqian1_value}</i>
   
3.                                         <i id="bqian2">{bqian2_value}</i>
   
4.                                         <i id="bqian3">{bqian3_value}</i>
   
5.                                         <i id="bqian4">{bqian4_value}</i>
   
6.                                 </div>

复制代码

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

龙五

想明白问题在哪了，帖子页模板标签可以用固定id，而列表页模板要用js为每一个标签生成一id，否则就会有冲突~~

龙五

分类信息-列表页模板，修改后的htm代码：

龙五

在分类信息列表页模板，用帖子tid做标签字段id，并对不同标签加上a，b，c，d字符区分，修改后的htm代码：

1. <div class="infosItem_tags">
   
2.         <i id="bqian_{tid}a">{bqian1_value}</i>
   
3.         <i id="bqian_{tid}b">{bqian2_value}</i>
   
4.         <i id="bqian_{tid}c">{bqian3_value}</i>
   
5.         <i id="bqian_{tid}d">{bqian4_value}</i>
   
6. </div>

复制代码

对应的js代码：

1. <script>
   
2.     var test1="{bqian1_value}";
   
3.     if (test1.indexOf('无') >=0) {document.getElementById("bqian_{tid}a").style.display = "none";};
   
4.     var test2="{bqian2_value}";
   
5.     if (test2.indexOf('无') >=0) {document.getElementById("bqian_{tid}b").style.display = "none";};
   
6.     var test3="{bqian3_value}";
   
7.     if (test3.indexOf('无') >=0) {document.getElementById("bqian_{tid}c").style.display = "none";};
   
8.     var test4="{bqian4_value}";
   
9.     if (test4.indexOf('无') >=0) {document.getElementById("bqian_{tid}d").style.display = "none";};
   
10. </script>

复制代码

完美解决：当分类信息字段值为空或者不填(默认值为"无")，当前字段所属的DIV或元素会自动隐藏不显示。