jQuery 事件——关于Select选中
来源:互联网 发布:linux虚拟主机销售系统 编辑:程序博客网 时间:2024/06/10 02:47
在管理一篇博文时,因博文的管理有一列叫:状态的列,该列有诸多状态,如:正常,待审核,删除等… 此时,若使用Select下拉列表进行状态选择,并在选中具体项值后,通过Ajax异步提交,在效果及体验上就能得到更大化的体验。
下拉列表例子如下
<select id="status"> <option value="0" >待审核</option> <option value="1" >未通过审核</option> <option value="2" >制作中</option> <option value="3">制作完成</option> <option value="4" >发布</option> <option value="5">暂停</option> <option value="6">删除</option></select>
错误示范:
$("select#status").click(function(){ console.log($(this).val());});
若通过click事件执行,则在点击下拉列表的首次便会触发一次Ajax请求,这样并不符合逻辑,故不能使用click事件作为下拉列表选中具体值的做法。
正确示范:
$("select#status").change(function(){ console.log($(this).val());});
定义和用法
- 当元素的值发生改变时,会发生 change 事件
- 该事件仅适用于文本域(text field),以及 textarea 和 select 元素。
- change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。
- 注释:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
通过以上,能清楚明白,当对于Select下拉列表时,应该使用Change事件。
因为页面翻页也是使用Ajax技术进行异步处理,当翻页后,原写法将失效,此时应该使用如下代码进行执行:
$(document).on("change",'select#status',function(){ console.log($(this).val());});
阅读全文
0 0
- jQuery 事件——关于Select选中
- 关于select 被选中触发事件,onclick事件失效问题
- 关于select 被选中触发事件,onclick事件失效问题
- jQuery实现select下拉框选中数据触发事件
- 设置select下拉框选中,修改jquery事件
- select 选中 事件 值
- jquery使select选中:
- jquery select 选中
- jquery select 选中值
- jquery 控制 select 选中
- jQuery select 选中问题
- jQuery判断select选中
- jquery select option选中
- jquery实现select选中
- jquery设置select选中
- jquery获取和设置select选中的值/文本/索引及选中事件
- select 的option选中事件
- JQuery Radion 选中事件
- spring整合dwr架构(ftl+ssm)以及dwr.xml配置,原理,优缺点讲解,面试题总结
- 理解Linux系统/etc/init.d目录和/etc/rc.local脚本
- redis的基本存储结构的简单使用
- 怎样用通俗的语言解释REST,以及RESTful?
- Spring web环境容器启动流程
- jQuery 事件——关于Select选中
- 树状数组模板
- 套接字缓冲区 boost asio
- 基于maven使用IDEA创建多模块项目
- 记录一个过滤网址
- HDU 4810 Wall Painting
- 工具快捷键、编程风格、常用命令、实用工具等
- 我知道的新技术(持续更新)
- 充电电流的大小是谁决定的?