当前位置:  编程技术>jquery

Jquery操作select的小例子

    来源: 互联网  发布时间:2014-10-04

    本文导语:  例子: Jquery操作select 代码:   代码示例: //得到select项的个数 jQuery.fn.size = function(){ return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function(){ return jQuery(this).get(0).selectedIndex; } //获得当前...

例子:
Jquery操作select

代码:
 

代码示例:

//得到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 || 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
$(document).ready(function(){

//添加“江苏”到下拉框的最后一位
$('#add_to_last').click(function(){
$('#select').append('江苏');
});

//添加“安徽”到下拉框的第一位
$('#add_to_first').click(function(){
$('#select').prepend('安徽');
});

//获取当前的selectIndex(当前选中的下拉菜单的项目的索引)
$('#get_select_index').click(function(){
alert($('#select option:selected').attr("index"));
});

//移除下拉菜单最后一个项目
$('#remove_last_option').click(function(){
$('#select option:last').remove();
});

//移除除了第一个之外的所有选项
$('#remove_all_option_except_first').click(function(){
$('#select option').not(':first').remove();
});

//获取下拉菜单最大索引值
$('#get_max_index').click(function(){
var maxIndex=$("#select option:last").attr("index");
alert(maxIndex);
});

});

中国省份


添加江苏到最后一位

添加安徽到第一位

获取当前的selectIndex

移除下拉菜单最后一个项目

移除除了第一个之外的所有选项

获取下拉菜单最大索引值


    
 
 

您可能感兴趣的文章:

  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  • jquery 文字上下滚动的小例子
  • jquery链式操作、链式写法的小例子
  • jquery hide方法隐藏元素的例子
  • jquery判断浏览器后退时弹出消息的例子
  • jQuery为checkbox、radio赋值的例子
  • jquery隐藏标签、显示标签的例子
  • JQuery checkbox全选的小例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery元素属性attr设置多个键值的例子
  • jQuery 随机展示图片的例子
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jquery操作单选框radio的例子
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery禁用所有select标签的值的方法
  • jquery模拟select控件
  • jquery select默认选中的设置方法
  • jQuery下拉框美化插件 Select-or-Die
  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 删除select中option选项
  • JQUERY 设置SELECT选中项代码
  • jquery的clone方法应用于textarea和select的bug修复
  • jQuery 选项插件 Bootstrap Select
  • jQuery对Select的操作大集合(收藏)
  • jquery select 设置默认选中的示例代码
  • jQuery转换选择框为按钮的插件 Select2Buttons
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery实现Select option项的添加、删除、取值
  • jquery遍历select元素(实例讲解)
  • IE8下Jquery获取select选中的值post到后台报错问题
  • Jquery设置选中 select、radio、checkbox 默认值的例子
  • jquery遍历select元素的二种方法(实例)
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3