当前位置:  编程技术>jquery

jquery实现Select option项的添加、删除、取值

    来源: 互联网  发布时间:2014-09-03

    本文导语:  1,获取Select选择的Text和Value: $("#s_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#s_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#s_id").val(); //获取Select选择的Value var check...

1,获取Select选择的Text和Value:

$("#s_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
var checkText=$("#s_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=$("#s_id").val(); //获取Select选择的Value
var checkIndex=$("#s_id ").get(0).selectedIndex; //获取Select选择的索引值
var maxIndex=$("#s_id option:last").attr("index"); //获取Select最大的索引值

2,添加/删除Select的Option项:

$("#s_id").append("Text"); //为Select追加一个Option(下拉项)
$("#s_id").prepend("请选择"); //为Select插入一个Option(第一个位置)
$("#s_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#s_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#s_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#s_id option[text='4']").remove(); //删除Select中Text='4'的Option

3,清空:

$("#charCity").empty(); 

    
 
 

您可能感兴趣的文章:

  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 通过name快速取值示例
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • jquery实现radio的取值、radio的选中及radio重置(代码分享)
  • Jquery给基本控件的取值、赋值示例
  • jquery对页面中控件取值与赋值的例子
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery操作select取值赋值与设置选中
  • jQuery如何对表单元素取值与赋值
  • jquery中html、val与text三者属性取值的联系与区别介绍
  • Jquery 表单元素取值与赋值方法总结
  • Jquery 表单取值赋值方法
  • jquery select取值与赋值操作指南
  • JQuery中input textarea select checkbox radio取值示例
  • Jquery表单取值赋值操作实例
  • jQuery 取值、赋值的基本方法整理
  • jquery删除提示框(弹出是否删除对话框)
  • jquery删除提示框弹出是否删除对话框
  • jQuery操作select option选项(增加 删除 修改)
  • Jquery删除元素的代码举例
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • JQuery动态删除Table表格的行与列
  • jquery 删除字符串最后一个字符的方法解析
  • JQuery 删除节点的例子
  • jquery 删除select中option选项
  • jquery删除指定的html标签并保留标签内文本内容的方法
  • jquery代码-如何显示或删除input域中的默认值
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery动态添加option示例
  • jquery动态添加元素事件失效问题解决方法
  • jquery 获取dom固定元素 添加样式的简单实例
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • jquery实现在页面加载的时自动为日期插件添加当前日期
  • JQuery如何为元素添加样式
  • jquery 取url参数及在url后添加参数的例子
  • jQuery 如何先创建、再修改、后添加DOM元素
  • Jquery操作html标签及动态添加验证的例子
  • jquery动态添加删除一行数据示例
  • JQuery textarea添加maxlength属性的例子
  • jQuery异步加载数据并添加事件示例
  • jquery 添加与删除节点的几种方法
  • 自写的jQuery异步加载数据添加事件
  • Jquery 添加内容自动刷新的实现代码
  • jQuery为文本框添加只读属性readOnly
  • jquery mobile动态添加元素之后不能正确渲染解决方法说明
  • Jquery动态添加及删除页面节点元素示例代码
  • jquery实现添加图片淡入淡出效果的代码
  • jquery table操作在指定行后添加新行的例子
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


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

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

    浙ICP备11055608号-3