当前位置:  编程技术>jquery

jQuery 操作下拉列表框的代码举例

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

    本文导语:  假如,有如下的下拉列表框:     脚本学堂1  2  3  脚本学堂4 以下是jquery对其进行的各种操作代码,供大家参考。   代码示例: //取得jQuery对象 obj = $('#select1'); //取得Options 的长度 len = $('#select1 option').length //遍历op...

假如,有如下的下拉列表框:
 


  脚本学堂1
 2
 3
 脚本学堂4

以下是jquery对其进行的各种操作代码,供大家参考。
 

代码示例:

//取得jQuery对象
obj = $('#select1');

//取得Options 的长度
len = $('#select1 option').length

//遍历option
for (var i = 0; i < len; i++) {
  option_value = obj[0].options[i].value;
  option_text = obj[0].options[i].text;
}

//取得所选值
obj_value = $('#select1').val();

//取得所选值对应的text
obj_text = obj[0].options[obj[0].selectedIndex].text;

//添加一个option
obj.append('Option5');

//删除一个option
$('#select1 option[value="1"]').remove();

有兴趣的朋友,可以亲自动手测试下,看看效果如何?
,祝大家学习进步哦。


    
 
 

您可能感兴趣的文章:

  • jQuery 下拉菜单插件 jQuery menu-aim
  • jQuery下拉菜单插件 jQuery Simple Drop Down Menu
  • jquery下拉菜单效果 jquery点击弹出下拉菜单的例子
  • jQuery联动下拉框 jQuery optionTree
  • jQuery下拉选择插件 MagicCombo
  • jQuery下拉框美化插件 Select-or-Die
  • jQuery下拉框插件 FlexBox
  • jQuery 下拉列表插件 Heapbox
  • jQuery 下拉框插件 Selectik
  • jQuery 下拉菜单插件 menu-aim
  • jQuery下拉组件 ddSlick
  • jQuery下拉列表插件 jQselectable
  • jQuery 下拉列表 Custom Drop
  • jQuery水平下拉菜单 jMenu
  • jQuery下拉框插件 mcDropdown
  • 巧用jquery解决下拉菜单被Div遮挡的相关问题
  • jQuery下拉菜单插件 jbar
  • jQuery自定义下拉列表 DropKick
  • jquery easyui自定义下拉框列表
  • jQuery操作select下拉框的text值和value值的方法
  • jQuery概述,代码举例及最新版下载
  • jquery onpropertychange键盘事件用法举例
  • jQuery使任意div随意隐藏的代码举例
  • Jquery更换主题同时刷新iframe页面的代码举例
  • jquery禁用右键方法举例
  • Jquery 过滤器(first,last,not,even,odd)用法举例
  • Jquery删除元素的代码举例
  • jquery显示、隐藏div的方法举例
  • jQuery动态获取系统时间的代码举例
  • Jquery 定时局部刷新的代码举例
  • Jquery 显示隐藏更多文本的代码举例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • jquery链式操作、链式写法的小例子
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • JQuery 文本框操作的4个小例子
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jQuery右键菜单插件 jQuery ContextMenu iis7站长之家
  • 使用jquery实现IE下按backspace相当于返回操作
  • jquery cookie插件用法 jquery操作cookie的例子
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jquery操作checkbox示例分享
  • Jquery操作radio的小例子
  • jquery操作checkbox实现全选和取消全选
  • Jquery操作html标签及动态添加验证的例子
  • Jquery操作radio的简单实例
  • JQuery操作class属性实现按钮开关效果的例子
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery向导插件 Jquery Wizard Plugin
  • 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