jquery select操作的日期联动实现代码

 更新时间:2009年12月06日 00:23:01   作者:  
是很简单的代码 不过我自己操作的时候才发现我自己还有很多不懂,要多实际应用才发现问题,哎~~
Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到
复制代码 代码如下:

/**//*
文件名: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;
}

相关文章

  • 使用隐藏的new来创建对象

    使用隐藏的new来创建对象

    JQ中发现的,jQuery.Event类。估计作者是为了减少代码量。定义一个类,但不用new关键字去创建该类对象,而使用方法调用()方式去创建该对象。
    2011-03-03
  • jquery仿京东商品放大浏览页面

    jquery仿京东商品放大浏览页面

    这篇文章主要为大家详细介绍了jquery仿京东商品浏览页面,鼠标放在图片上实现放大效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 10个很棒的jQuery代码片段

    10个很棒的jQuery代码片段

    本文推荐10个应该收藏的、实现功能很棒的jQuery代码片段,需要的朋友可以参考下
    2015-09-09
  • jQuery 基础选择器与属性选择器

    jQuery 基础选择器与属性选择器

    这篇文章主要介绍了jQuery 基础选择器与属性选择器,选择所有元素,此选择器使用要慎重,其速度是极其慢的,详细介绍内容需要的小伙伴可以参考一下下面文章内容
    2022-08-08
  • jQuery实现的类似淘宝网站搜索框样式代码分享

    jQuery实现的类似淘宝网站搜索框样式代码分享

    这篇文章主要介绍了类似淘宝网站搜索框样式实现代码,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08
  • jQuery实现输入框的放大和缩小功能示例

    jQuery实现输入框的放大和缩小功能示例

    这篇文章主要介绍了jQuery实现输入框的放大和缩小功能,涉及jQuery基于事件响应的页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • JQuery触发radio或checkbox的change事件

    JQuery触发radio或checkbox的change事件

    在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下
    2012-12-12
  • jqTransform美化表单

    jqTransform美化表单

    本文为大家揭秘如何使表单更加美化,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jquery获取当前元素索引值用法实例

    jquery获取当前元素索引值用法实例

    这篇文章主要介绍了jquery获取当前元素索引值用法,实例分析了jQuery获取当前元素索引在创建图片轮播效果中的使用技巧,需要的朋友可以参考下
    2015-06-06
  • Jquery鼠标放上去显示全名的实现方法

    Jquery鼠标放上去显示全名的实现方法

    下面小编就为大家带来一篇Jquery鼠标放上去显示全名的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02

最新评论