公益图书馆-学习笔记四-复选框及jquery的onchange函数
2014-08-21 10:43
363 查看
1、复选框及其使用方法:
onchange是如果选择状态改变就会调用的一段代码。此处为location.href=this.value,跳转到对应状态的value网址。
<option selected>我被选中</option>则显示时会默认显示"我被选中"项。
![](http://images.cnitblog.com/i/643742/201408/211029148467260.png)
![](http://images.cnitblog.com/i/643742/201408/211029225817621.png)
2、书籍信息显示按照豆瓣:
![](http://images.cnitblog.com/blog/643742/201408/221245087375338.png)
评论系统:
类似百度贴吧http://tieba.baidu.com/p/3240054031
<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;
![](http://images.cnitblog.com/i/643742/201408/211029148467260.png)
![](http://images.cnitblog.com/i/643742/201408/211029225817621.png)
2、书籍信息显示按照豆瓣:
![](http://images.cnitblog.com/blog/643742/201408/221245087375338.png)
评论系统:
类似百度贴吧http://tieba.baidu.com/p/3240054031
![](http://images.cnitblog.com/i/643742/201408/211224150656548.png)
相关文章推荐
- 公益图书馆-学习笔记五-jquery来动态设置div高度
- jQuery学习笔记之选取选定复选框的同行某列元素
- 公益图书馆-学习笔记二
- 《jquery权威指南2》学习笔记------ jquery获取复选框的值
- 学习笔记——jQuery实现复选框效果
- jQuery学习笔记——复选框的操作
- jQuery学习笔记 - 1 页面框架下载完毕后执行逻辑 文本框 单选框 复选框
- 公益图书馆-学习笔记一
- Jquery学习笔记:操作form表单元素之二(复选框和单选框)
- jQuery学习笔记(6)--复选框控制表格行高亮
- JQuery学习笔记:this表示什么?
- JQuery学习笔记:typeof的使用
- JQuery in Action学习笔记一
- jQuery学习笔记 08
- jQuery-hover(over,out)用法 学习笔记八
- jquery学习笔记-jquery实现无刷新联动
- jQuery-DOM对象和jQuery对象及转换 学习笔记二
- jQuery-$选择器 学习笔记三
- jQuery-show()与html()及hide()用法 学习笔记四
- jquery学习笔记-jquery结合showModalDialog实现子页面局部刷新父页面