您的位置:首页 > Web前端 > JQuery

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

2014-08-21 10:43 363 查看
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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: