这里是js的代码:
复制代码 代码如下:
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
然后再引入这个js文件,然后你就可以使用这些方法了
相关推荐:
文章AI思维导图自动生成助力创作的智慧之源
ChatGPT中显示已进行一处编辑,但看不到内容?你需要了解的隐藏问题!,ai敲
AI生成文章免费工具,让创作变得轻松又高效,ai安心健
SEO优化做什么的?揭秘SEO优化的核心价值与实战应用,ai做金色
seo网站是什么东西,seo网站是什么东西啊 ,ai锯齿消失
好用的AI写作软件,让创作更高效
为什么选择老域名工具?提升网站SEO与品牌影响力的秘密武器,软文与seo文章区别
ChatGPTDNS出问题?如何快速解决并保障网络畅通,墨镜ai照片
AI免费文章解读:智能写作新篇章,小店AI
SEO适合-提升网站排名的关键策略,张家口品牌推广营销中心
ChatGPT中文版下载免费版:智能对话新时代,尽在,ai光波
SEO行销:开启网站流量增长的秘密武器,百威产品关键词查询排名
seo网站自学看什么书,seo技术适合自学吗 ,斑马ai阅读
自动AI写文章:轻松创作时代的全新利器
seo用什么法宝,列出5种seo赚钱方式 ,ai怎么更改文档样式
AI批量文章工具,让写作变得高效与轻松,cs机器人ai
《收录情况:数字时代的网络信息检索与价值体现》,山东全域营销推广软件客服电话
什么是seo推广找行者SEO,seo推广效果怎么样 ,西宁ai万词霸屏系统
SEO总计:如何通过SEO优化实现网站流量和排名的飞跃,三元桥网站优化
SEO是如何推动企业增长的关键力量,深圳罗湖网站建设设计
为什么做抖音seo,为什么做抖音推广 ,描边ai虚线
AI免费生成:释放创造力的秘密武器
AI人工智能:改变未来的科技革命
AI免费生成文章让创作变得轻松自如
如何选择适合你的AI工具?全面解析AI工具哪个好用
什么是seo网站推广,什么是seo网站推广 ,ai酷男人
整理文章的AI:提升写作效率的智能助手
SEO优化的利器:提升网站排名的秘密武器,联想ai7g-3笔记本
好用的人工智能AI软件推荐,让你的生活更智能!
ChatGPT一经发布,便受到了用户的狂热追捧,引爆人工智能热潮,十代ai达人办公本
OpenAI注册问题解决方案:如何顺利通过手机号验证,反对ai头像
Bing搜索的注意事项-提高搜索效率与准确性,轻松获取所需信息,最近ai写作软件推荐
AI人工智能文章生成器写作新纪元
智能AI生成文章释放创作新可能
Zkept:重塑未来生活的智能科技革新,营销推广的面试问题
ChatGPT打不开实时问题解决方案:让你的AI助手始终在线,psd 转ai
seo需要买什么,seo需要考虑什么 ,ai做表头
ChatGPT服务器坏了?了解背后的技术与应对策略,AI模块代表
SEO快排还有效果吗揭秘快速排名的真相与未来趋势,ai人像波普
SEO快速优化文章排名:提升网站流量的必备技巧,ai小苹果会员分享
什么是seo发外链,seo外链类型有哪些 ,小小苏ai
创作新时代:自动生成文章AI的魅力与未来
英语日记AI生成:轻松提升英语水平的智能助手
SEO表格:优化网站排名的秘密武器,大数据推广营销费用多少
SEO实现:如何通过SEO优化提升网站流量与排名,南京市公司网站推广
SEO领站-从零到一打造成功网站排名的秘密,轻淘客seo怎设置
SEO占位:如何在竞争激烈的市场中占得先机?,梁平区省心全网营销推广
SEO好吗?助力网站成功的关键之道,网站优化方案范文怎么写
SEO获取流量的必杀技:如何通过优化轻松提升网站排名,德州全网营销推广价格
ChatGPT无法加载?检查您的网络设置并尝试重启,轻松解决常见问题!,ai招生广告设计