• 公益图书馆-学习笔记四-复选框及jquery的onchange函数


    1、复选框及其使用方法:

             <select  class="form-control statusSelect" name="select" onchange="javascript:location.href=this.value;"> //注意: onchange内的javascript函数
                <option selected value="/user/index?status=yes">我被选中</option>
                        <option {$onshelfSelect} value="/user/donate?status=ON_SHELF">已上架</option>
                        <option {$onroadSelect} value="/user/donate?status=ON_ROAD">在途中</option>
                    </select> 

    onchange是如果选择状态改变就会调用的一段代码。此处为location.href=this.value,跳转到对应状态的value网址。

    <option selected>我被选中</option>则显示时会默认显示"我被选中"项。

                        //前台donate页面 :将select控件选中的值已get形式传递,并在后台进行数据筛选并传送。另外,在对应选中的页面中如“在途中”,要让select框也显示“在途中”。
                //每次进入一个页面,都要判断status的值,并让select显示对应的值
                        <if condition="$status eq 'ON_SHELF'">
                        <assign name="onshelfSelect" value="selected" /> //保存键值对 onshelfSelect->selected,利用{$onshelfSelected}就可以获取值,为selected或空
    
                        <elseif condition="$status eq 'ON_ROAD'"/>
    
                            <assign name="onroadSelect" value="selected" />
    
                        <else/>
    
                        <assign name="allSelect" value="selected" />
                    </if>
    
                    <select  class="form-control statusSelect" name="select" onchange="javascript:location.href=this.value;"> //注意: onchange内的javascript函数
                //<option selected value="">我被选中</option>
                        <option {$allSelect} value="/user/donate">全部书籍</option>
                        <option {$onshelfSelect} value="/user/donate?status=ON_SHELF">已上架</option>
                        <option {$onroadSelect} value="/user/donate?status=ON_ROAD">在途中</option>
                    </select>        
            //后台,获取前台select传递来的值,并加入where语句中
            $status=I("get.status");
            if($status){
                $where['status']=$status;
            }
             
            $this->status=$status;        

    2、书籍信息显示按照豆瓣:

    评论系统:

    类似百度贴吧http://tieba.baidu.com/p/3240054031

  • 相关阅读:
    数据库练习题
    支付类项目
    crm项目整理
    React 生成二维码
    Charles抓页面配置mac端
    Python之列表生成式、生成器、可迭代对象与迭代器
    01 Django基础
    12 jQuery的ajax
    11 事件委托(事件代理)
    10 jQuery的事件绑定和解绑
  • 原文地址:https://www.cnblogs.com/wingjay/p/3926620.html
Copyright © 2020-2023  润新知