zblogPHP主题配置内点击获取(输入)多分类ID的JS特效

多分类选择.gif

在写zblog模板的时候,时常需要用到调用多分类的情况,之前我常用的方法比较懒,直接使用input输入,手动去查看分类ID数字,然后填写,并且多ID之间需要用英文小逗号隔开!

而以后写的zblog主题调用多分类时候,可能会采用上图的点击获取ID方式,这里记录下具体方法,包括jjquery:

<div class="lbimport">

    <span class="red">点击选择分类-></span>

    <div class="cate">

    <?php echo OutputOptionItemsOfCategories('');?><br>

    <input type="text" name="homecateid" id="more_cate"  value="<?php echo $zbp->Config('ydproduct')->homecateid;?>" />    &nbsp;<a href="javascript:;" id="resetcms">点此清空</a>

    </div>

    <i class="red">可以随意点击形成新的顺序,顺序不满意,可清空重点!</i>

   </div>

jquery:

//多分类点击输入jq $(document).ready(function(){

 var suibianla = 0;

    $(".lbimport .cate option").click(function(){

        var fid = $(this).attr("value");

        var sid = $("#more_cate").val();

        if((suibianla == 0 && sid == "") || sid == ""){

            $("#more_cate").val(sid+fid);

        }else{

            $("#more_cate").val(sid+","+fid);

        }

        suibianla = 1;

    });

    $("#resetcms").click(function(){

        $("#more_cate").val("");

  });});

是不是很简单,这种方法可以降低zblog新手的熟悉时间。

用途:

zblogPHP为指定分类设置特殊模板样式


相关文章

最新主题