开发框架 版主:迅睿框架研发组
“条件筛选”功能在手机版本不太合适有,点“确定”后再筛选的形式可能会好些样例
类型:迅睿CMS 更新时间:2020-06-12 17:45:31

“条件筛选”功能在手机版本不太合适有,点“确定”后再筛选的形式可能会好些

image

样例

image

回帖
  • 迅睿粉丝
    #1楼    迅睿粉丝
    2020-06-12 13:47:29
    Chrome 0
    仿站搜索框吗
  • 迅睿粉丝
    #2楼    迅睿粉丝
    2020-06-12 13:48:54
    Chrome 0
    华山论剑 不需要前端页面,怎么实现功能
  • 迅睿粉丝
    #3楼    迅睿粉丝
    2020-06-12 13:59:08
    Chrome 0
    阿飞可以搞
  • 迅睿粉丝
    #4楼    迅睿粉丝
    2020-06-12 14:03:34
    Chrome 0
    小黄人 18html.com 怎么搞,有没有个demo
  • 迅睿粉丝
    #5楼    迅睿粉丝
    2020-06-12 14:24:25
    Chrome 0
    阿飞A 标签改成
    <input type="radio" name="name" value="" />
    就可以了可以参考下面这个 http://demo.sc.chinaz.com/files/download/webjs1/201510/jiaoben3752/?name=XL
  • 迅睿粉丝
    #6楼    迅睿粉丝
    2020-06-12 14:35:55
    Chrome 0
    或者是用这个,你前端样式先写好http://demo.lanrenzhijia.com/demo/36/3660/demo/ 设置几个隐藏域,点选之后,<form>提交隐藏域就会传递参数到URL了!
  • 迅睿粉丝
    #7楼    迅睿粉丝
    2020-06-12 16:07:00
    Chrome 0
    <link rel="stylesheet" href="css/jquery.richUI.min.css" />
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.richUI.min.js"></script>
    <script type="text/javascript" src="js/jquery.browser.min.js"></script>
    <script type="text/javascript">
        $(function() {
            //单选
            /*
            * selected: 默认选中值
            */
            $("input[name='dydgm']").richradio();
            $("input[name='sex2']").richradio();
            $("input[name='sex3']").richradio({selected:"2"});
            
            //复选
            /*
            * allBtn:是否出现全选按钮,默认 false
            * checkAll: 全选,默认false
            * selected: 默认选中值
            */
            $("input[name='xingqu']").richcheckbox();
            $("input[name='xingqu2']").richcheckbox({allBtn:true, checkAll:true});
            $("input[name='xingqu3']").richcheckbox({allBtn:true});
            $("input[name='xingqu4']").richcheckbox({allBtn:true, selected:"2,4"});
            
            //下拉框
            /**
            * type: single(单选,默认),multi(多选)
            * selected: 默认选中值
            * width: 宽度
            * placeholder: 提示文字
            *
            **/
            $("#mySelect").richselect();
            $("#mySelect2").richselect({selected:"3"});
            $("#mySelect3").richselect({type:"multi", placeholder:"hello"});
            $("#mySelect4").richselect({type:"multi", selected:"4,5", width:"300px"});
            
        });
    </script>
    
    
    <form action="/index.php" method="get">
        <input type="text" name="s" value="{MOD_DIR}"/>
        <input type="text" name="c" value="search"/>
    
    <label class="col-md-2 control-label">单一购买价格</label>
        <!--自定义一个价格返回数组,这个都懂得,php最基础的数组用法-->
        {php $price=array('0,500'=>'500以内','500,1000'=>'500到1000','1000,2000'=>'1000到2000','2000,3000'=>'2000到3000','3000,0'=>'3000以上');}
        <input name="dydgm" value="" type="radio" lab="不限" />
        
        {loop $price $i $t}
        <input name="dydgm" value="{$i}" type="radio" lab="{$t}" />
        {/loop}
    <input type="submit" name="" value="提交" />
    </form>
    原理很简单,只是改变一下传递参数的方式!然后用JS美化一下 单选复选按钮
    image
    满意答案
  • 迅睿粉丝
    #8楼    迅睿粉丝
    2020-06-12 17:45:31
    Chrome 0
    @小黄人 18html.com:非常感谢!