- 浏览: 417525 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
lanlansnss:
说真的。 木有看懂哇。
【辞职】你谂清楚未? -
fei441544558:
isset($_SESSION['submit_tim ...
PHP防止用户刷新页面,重复提交表单内容 -
ngn9999:
天下文章一大抄
flash遮盖div层在IE和FF下解决办法 -
阳光空气水:
嗯,原来是道友。
FireBug - Javascript 的調試工具 [轉載] -
osacar:
楼主的头像里人物是不是史艳文里的?
PHP程序如何防止站外提交数据
/* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写日期:2008/03/12 */ //得到select项的个数 jQuery.fn.size = function(){ return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function(){ return jQuery(this).get(0).selectedIndex; } //获得当前选中项的文本 jQuery.fn.getSelectedText = function(){ if(this.size() == 0) return "下拉框中无选项"; else{ var index = this.getSelectedIndex(); return jQuery(this).get(0).options[index].text; } } //获得当前选中项的值 jQuery.fn.getSelectedValue = function(){ if(this.size() == 0) return "下拉框中无选中值"; else return jQuery(this).val(); } //设置select中值为value的项为选中 jQuery.fn.setSelectedValue = function(value){ jQuery(this).get(0).value = value; } //设置select中文本为text的第一项被选中 jQuery.fn.setSelectedText = function(text) { var isExist = false; var count = this.size(); for(var i=0;i<count;i++) { if(jQuery(this).get(0).options[i].text == text) { jQuery(this).get(0).options[i].selected = true; isExist = true; break; } } if(!isExist) { alert("下拉框中不存在该项"); } } //设置选中指定索引项 jQuery.fn.setSelectedIndex = function(index) { var count = this.size(); if(index >= count || index < 0) { alert("选中项索引超出范围"); } else { jQuery(this).get(0).selectedIndex = index; } } //判断select项中是否存在值为value的项 jQuery.fn.isExistItem = function(value) { var isExist = false; var count = this.size(); for(var i=0;i<count;i++) { if(jQuery(this).get(0).options[i].value == value) { isExist = true; break; } } return isExist; } //向select中添加一项,显示内容为text,值为value,如果该项值已存在,则提示 jQuery.fn.addOption = function(text,value) { if(this.isExistItem(value)) { alert("待添加项的值已存在"); } else { jQuery(this).get(0).options.add(new Option(text,value)); } } //删除select中值为value的项,如果该项不存在,则提示 jQuery.fn.removeItem = function(value) { if(this.isExistItem(value)) { var count = this.size(); for(var i=0;i<count;i++) { if(jQuery(this).get(0).options[i].value == value) { jQuery(this).get(0).remove(i); break; } } } else { alert("待删除的项不存在!"); } } //删除select中指定索引的项 jQuery.fn.removeIndex = function(index) { var count = this.size(); if(index >= count || index < 0) { alert("待删除项索引超出范围"); } else { jQuery(this).get(0).remove(index); } } //删除select中选定的项 jQuery.fn.removeSelected = function() { var index = this.getSelectedIndex(); this.removeIndex(index); } //清除select中的所有项 jQuery.fn.clearAll = function() { jQuery(this).get(0).options.length = 0; }
使用的时候先引入jquery.js文件,再引入jquery.liu.select.js文件,然后就可调用该插件的方法。比如,我要清除id为selEmail的下拉框中的所有项,那么我就可以这么操作:$("#selEmail").clearAll();
说明:该插件中的方法在ie7和firefox中验证通过,有错误和需要改进的地方还希望大家批评指正。
轉載於 http://www.cnblogs.com/longer/archive/2008/03/13/1103183.html
- jquery_selecter.rar (1.1 KB)
- 下载次数: 622
发表评论
-
JavaScript中使用&&和|| 的怪異特性_ppk筆記
2009-01-20 17:46 1056大多數瀏覽器保存事件目標在evt.target中,但是IE使用 ... -
《ppk 谈 javascript》读书笔记 byWasabi
2009-01-06 23:28 1182三个分离 1. 表现与结构分离 (CSS 与其HTML); 2 ... -
Javascript Debug Toolkit使用说明
2008-12-01 14:17 14391. Javascript Debug Toolkit介绍 ... -
SWFObject 1.5官方文档汉化版
2008-11-05 11:21 2295SWFObject是一个用于在HTML中方面插入Adobe F ... -
强烈推荐:240多个jQuery插件
2008-11-04 22:42 1386概述 jQuery 是继 prototype 之后又一个优秀 ... -
jQuery使用Ajax的實際例子
2008-09-28 16:24 2585<SCRIPT src="../js/jq ... -
JavaScript高级程序设计读书笔记 -- IE事件对象与DOM事件对象的相似性
2008-08-28 13:31 13111. 获取事件类型 这样可以在任何一种浏览器中获取事件的类型: ... -
JavaScript高级程序设计读书笔记 -- 获取事件对象
2008-08-28 12:47 1313事件对象 基于不同浏览器的开发人员都知道,获取信息是很重要的。 ... -
javascript 保留小數點問題
2008-08-22 17:57 2134之前在項目中遇到的小數問題,在這裡記錄一下。 var a ... -
flash遮盖div层在IE和FF下解决办法
2008-07-19 17:10 4503今天测试div层和flash的交互,发现div层总是被flas ... -
javascript 中的 urlencode
2008-07-18 15:34 2004遇到一个需要用Javascript将文字转换成asp中的url ... -
jQuery學習文檔收集
2008-07-09 11:17 1285我修改的jQuery教程 江南白衣博物馆-JQuery資料 ... -
JavaScript頁面效果收集
2008-05-23 09:42 0AJAX弹出提示信息效果 -
JavaScript中BOM对象应用的一些实例
2008-05-19 00:12 1475//window.open('http://wasab ... -
JavaScript中處理字符串的常用方法
2008-05-09 10:44 2249String類型的主要函數 /* 字符串連接用 + 運算 ... -
理解JavaScript的5种原始类型
2008-05-08 22:16 1194primitve type : 即 Undefined,N ... -
JavaScript中的undefined類型
2008-05-08 17:47 1052undefined類型隻有一個值,即nudefined。 當聲 ... -
JavaScript学习文章收集
2008-05-06 21:31 948javascript学习笔录(一) javascript学 ... -
DOM属性用法速查手册
2008-04-16 14:46 1015object 返回包含的对象。 offscreenBuffe ... -
JS中名字空间的概念
2008-04-13 02:14 1716名字空间的最大好处,当然就是避免名字冲突了!(地球人都知道,呵 ...
相关推荐
jquery 超级select插件 v4.0版本
jquery select2 select美化插件
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
Jquery模拟select效果实现,纯自写,简单实用,可自行修改样式。
select 检索插件jquery框架,根据输入内容自动过滤select 选项
jQuery模拟select下拉框插件是一款支持多选和单选下拉框菜单选中代码。
简单实用的jquery select2组件
此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。
jquery 封装select实现select自定义样式的完美插件jquery.easydropdown.min.js
Jquery select 插件 select
举例说明如何通过JQuery操作select
jquery select美化插件selectlist plugin下载地址
jQuery下拉框美化插件selectList是一款简单、轻量级、跨浏览器的jquery下拉框模拟插件,支持键盘操作选项、支持ESC关闭下拉框。
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable
jquery的select美化插件。还不是很完善。附带jquery1.5
美化了单选框和复选框丑丑的问题,具体使用文档参考:http://blog.csdn.net/qq_19558705/article/details/49978731
仿苹果select jquery 插件,可用于手机端
jQuery多级下拉select选择菜单插