1. // 添加
  2. function col_add() {
  3. var selObj = $("#mySelect");
  4. var value="value";
  5. var text="text";
  6. selObj.append("<option value='"+value+"'>"+text+"</option>");
  7. }
  8. // 删除
  9. function col_delete() {
  10. var selOpt = $("#mySelect option:selected");
  11. selOpt.remove();
  12. }
  13. // 清空
  14. function col_clear() {
  15. var selOpt = $("#mySelect option");
  16. selOpt.remove();
  17. }

以上方法为jQuery动态添加、删除和清空select。下面是纯js的写法:

  1. var sid = document.getElementById("mySelect");
  2. sid.options[sid.options.length]=new Option("text","value");   // 在select最后添加一项

其他常用的方法:

  1. $("#mySelect").change(function(){//code...});    //select选中项改变时触发
  2. // 获取select值
  3. var text=$("#mySelect").find("option:selected").text();   //获取Select选中项的Text
  4. var value=$("#mySelect").val();   //获取Select选中项的Value
  5. var value=$("#mySelect option:selected").attr("value");   //获取Select选中项的Value
  6. var index=$("#mySelect").get(0).selectedIndex;   //获取Select选中项的索引值,从0开始
  7. var index=$("#mySelect option:selected").attr("index");   //不可用!!!
  8. var index=$("#mySelect option:selected").index();   //获取Select选中项的索引值,从0开始
  9. var maxIndex=$("#mySelect option:last").attr("index");   //不可用!!!
  10. var maxIndex=$("#mySelect option:last").index();//获取Select最大索引值,从0开始
  11. $("#mySelect").prepend("<option value='value'>text</option>");   //Select第一项前插入一项
  12. // 设置select值
  13. //根据索引设置选中项
  14. $("#mySelect").get(0).selectedIndex=index;//index为索引值
  15. //根据value设置选中项
  16. $("#mySelect").attr("value","newValue");
  17. $("#mySelect").val("newValue");
  18. $("#mySelect").get(0).value = value;
  19. //根据text设置对应的项为选中项
  20. var count=$("#mySelect option").length;
  21. for(var i=0;i<count;i++)
  22. {
  23. if($("#mySelect").get(0).options[i].text == text)
  24. {
  25. $("#mySelect").get(0).options[i].selected = true;
  26. break;
  27. }
  28. }
  29. // 清空select
  30. $("#mySelect").empty();

select框内容的编辑、修改、添加、删除操作的更多相关文章

  1. ASP.NET MVC3 实例(六) 增加、修改和删除操作(二)

    http://www.jquery001.com/asp.net-mvc3-instance-add-update-delete2.html 上篇我们在 ASP.NET MVC3 中实现了添加操作,由 ...

  2. python操作三大主流数据库(14)python操作redis之新闻项目实战②新闻数据的展示及修改、删除操作

    python操作三大主流数据库(14)python操作redis之新闻项目实战②新闻数据的展示及修改.删除操作 项目目录: ├── flask_redis_news.py ├── forms.py ├ ...

  3. Entity Framework 6 Recipes 2nd Edition(10-8)译 - >映射插入、修改、删除操作到存储过程

    10-8. 映射插入.修改.删除操作到存储过程 问题 想要映射插入.修改.删除操作到存储过程 解决方案 假设已有运动员实体模型,如Figure 10-8所示. 对应的数据库表如Figure 10-9所 ...

  4. iOS NSFileManager对沙盒文件及目录添加删除操作

    iOS 使用 NSFileManager对沙盒里面的文件和目录,增加,修改,删除操作: - (void)viewDidLoad { [super viewDidLoad]; self.title = ...

  5. LitePal的修改和删除操作

    转载出处:http://blog.csdn.net/guolin_blog/article/details/40083685 传统的修改和删除数据方式   上篇文章中我们已经得知,SQLiteData ...

  6. Qt树形控件QTreeView使用1——节点的添加删除操作 复选框的设置

    QtreeView是ui中最常用的控件,Qt中QTreeWidget比QTreeView更简单,但没有QTreeView那么灵活(QTreeWidget封装的和MFC的CTreeCtrl很类似,没有m ...

  7. Thinkphp 数据的修改及删除操作

    一.数据修改操作 save()  实现数据修改,返回受影响的记录条数 具体有两种方式实现数据修改,与添加类似(数组.AR方式) 1.数组方式: a)         $goods = D(“Goods ...

  8. 如何使用 LINQ 执行插入、修改和删除操作

        本实例实现创建 LINQ To SQL 类对数据库进行插入.修改和删除的操作:以下是 具体步骤: 1 )建立 windows 窗体应用项目文件 2 )选择 ' 项目 \ 添加新项 ' 菜单,在 ...

  9. SpringData修改和删除操作

    SpringData的查询我们已经学完了,我们现在就研究一下SpringData的修改和删除. @Modifying 注解和事务 @Query 与 @Modifying 这两个 annotation一 ...

随机推荐

  1. IOS第16天(4,Quartz2D柱状图)

    *** #import "HMBarView.h" #import "UIColor+Random.h" @implementation HMBarView - ...

  2. EmguCV 如何从数组中创建出IntPtr

    需要添加引用:System.Runtime.InteropServices 举例如下: float[] priors={1,10}; IntPtr intPtrSet = new IntPtr(); ...

  3. jdk安装配置具体分析

    JDK 选择安装目录 安装过程中会出现两次 安装提示 .第一次是安装 jdk ,第二次是安装 jre .建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录下,j ...

  4. PHP文件操作系统----主要的文件操作函数

    一.文件操作系统概述 1.概述: php中的文件操作系统主要是对文件和目录的操作.文件在windows系统下分为3种不同:文件.目录.未知,在linux/unix系统下分为7种不同:block.cha ...

  5. xx.substring(x,x)和xx.index()

    [转的]用一个例子解释: ip = "126.168.1.1"; i = ip.indexOf('.');                           这里默认从0开始找到 ...

  6. JAVA的回忆

    访问修饰符: 1.常用访问修饰符: public 共有的 private 私有的 protect 保护 public 所有人能用,私有的自己能用,protect一个包里. 2.自动修正快捷键 ctrl ...

  7. node crypto md5加密,并解决中文不相同的问题

    在用crypto模块时碰到了加密中文不相同的问题,多谢群里面@蚂蚁指定 1:解决中文不同的问题 function md5Pay(str) { str = (new Buffer(str)).toStr ...

  8. kafka 生产者java编码

    public class KafkaProducerDemo { public static void main(String[] args) throws InterruptedException ...

  9. RDIFramework.NET ━ 9.12 表字段管理 ━ Web部分

    RDIFramework.NET ━ .NET快速信息化系统开发框架 9.12  表字段管理 -Web部分  表(字段)综合管理模块主要功能是对数据表本身,表的各个字段做相应的控制,具体有以下功能: ...

  10. DuiLib学习笔记2——写一个简单的程序

    我们要独立出来自己创建一个项目,在我们自己的项目上加皮肤这才是初衷.我的新建项目名为:duilibTest 在duilib根目录下面有个 Duilib入门文档.doc 我们就按这个教程开始入门 首先新 ...