select框内容的编辑、修改、添加、删除操作
- // 添加
- function col_add() {
- var selObj = $("#mySelect");
- var value="value";
- var text="text";
- selObj.append("<option value='"+value+"'>"+text+"</option>");
- }
- // 删除
- function col_delete() {
- var selOpt = $("#mySelect option:selected");
- selOpt.remove();
- }
- // 清空
- function col_clear() {
- var selOpt = $("#mySelect option");
- selOpt.remove();
- }
以上方法为jQuery动态添加、删除和清空select。下面是纯js的写法:
- var sid = document.getElementById("mySelect");
- sid.options[sid.options.length]=new Option("text","value"); // 在select最后添加一项
其他常用的方法:
- $("#mySelect").change(function(){//code...}); //select选中项改变时触发
- // 获取select值
- var text=$("#mySelect").find("option:selected").text(); //获取Select选中项的Text
- var value=$("#mySelect").val(); //获取Select选中项的Value
- var value=$("#mySelect option:selected").attr("value"); //获取Select选中项的Value
- var index=$("#mySelect").get(0).selectedIndex; //获取Select选中项的索引值,从0开始
- var index=$("#mySelect option:selected").attr("index"); //不可用!!!
- var index=$("#mySelect option:selected").index(); //获取Select选中项的索引值,从0开始
- var maxIndex=$("#mySelect option:last").attr("index"); //不可用!!!
- var maxIndex=$("#mySelect option:last").index();//获取Select最大索引值,从0开始
- $("#mySelect").prepend("<option value='value'>text</option>"); //Select第一项前插入一项
- // 设置select值
- //根据索引设置选中项
- $("#mySelect").get(0).selectedIndex=index;//index为索引值
- //根据value设置选中项
- $("#mySelect").attr("value","newValue");
- $("#mySelect").val("newValue");
- $("#mySelect").get(0).value = value;
- //根据text设置对应的项为选中项
- var count=$("#mySelect option").length;
- for(var i=0;i<count;i++)
- {
- if($("#mySelect").get(0).options[i].text == text)
- {
- $("#mySelect").get(0).options[i].selected = true;
- break;
- }
- }
- // 清空select
- $("#mySelect").empty();
select框内容的编辑、修改、添加、删除操作的更多相关文章
- ASP.NET MVC3 实例(六) 增加、修改和删除操作(二)
http://www.jquery001.com/asp.net-mvc3-instance-add-update-delete2.html 上篇我们在 ASP.NET MVC3 中实现了添加操作,由 ...
- python操作三大主流数据库(14)python操作redis之新闻项目实战②新闻数据的展示及修改、删除操作
python操作三大主流数据库(14)python操作redis之新闻项目实战②新闻数据的展示及修改.删除操作 项目目录: ├── flask_redis_news.py ├── forms.py ├ ...
- Entity Framework 6 Recipes 2nd Edition(10-8)译 - >映射插入、修改、删除操作到存储过程
10-8. 映射插入.修改.删除操作到存储过程 问题 想要映射插入.修改.删除操作到存储过程 解决方案 假设已有运动员实体模型,如Figure 10-8所示. 对应的数据库表如Figure 10-9所 ...
- iOS NSFileManager对沙盒文件及目录添加删除操作
iOS 使用 NSFileManager对沙盒里面的文件和目录,增加,修改,删除操作: - (void)viewDidLoad { [super viewDidLoad]; self.title = ...
- LitePal的修改和删除操作
转载出处:http://blog.csdn.net/guolin_blog/article/details/40083685 传统的修改和删除数据方式 上篇文章中我们已经得知,SQLiteData ...
- Qt树形控件QTreeView使用1——节点的添加删除操作 复选框的设置
QtreeView是ui中最常用的控件,Qt中QTreeWidget比QTreeView更简单,但没有QTreeView那么灵活(QTreeWidget封装的和MFC的CTreeCtrl很类似,没有m ...
- Thinkphp 数据的修改及删除操作
一.数据修改操作 save() 实现数据修改,返回受影响的记录条数 具体有两种方式实现数据修改,与添加类似(数组.AR方式) 1.数组方式: a) $goods = D(“Goods ...
- 如何使用 LINQ 执行插入、修改和删除操作
本实例实现创建 LINQ To SQL 类对数据库进行插入.修改和删除的操作:以下是 具体步骤: 1 )建立 windows 窗体应用项目文件 2 )选择 ' 项目 \ 添加新项 ' 菜单,在 ...
- SpringData修改和删除操作
SpringData的查询我们已经学完了,我们现在就研究一下SpringData的修改和删除. @Modifying 注解和事务 @Query 与 @Modifying 这两个 annotation一 ...
随机推荐
- IOS第16天(4,Quartz2D柱状图)
*** #import "HMBarView.h" #import "UIColor+Random.h" @implementation HMBarView - ...
- EmguCV 如何从数组中创建出IntPtr
需要添加引用:System.Runtime.InteropServices 举例如下: float[] priors={1,10}; IntPtr intPtrSet = new IntPtr(); ...
- jdk安装配置具体分析
JDK 选择安装目录 安装过程中会出现两次 安装提示 .第一次是安装 jdk ,第二次是安装 jre .建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录下,j ...
- PHP文件操作系统----主要的文件操作函数
一.文件操作系统概述 1.概述: php中的文件操作系统主要是对文件和目录的操作.文件在windows系统下分为3种不同:文件.目录.未知,在linux/unix系统下分为7种不同:block.cha ...
- xx.substring(x,x)和xx.index()
[转的]用一个例子解释: ip = "126.168.1.1"; i = ip.indexOf('.'); 这里默认从0开始找到 ...
- JAVA的回忆
访问修饰符: 1.常用访问修饰符: public 共有的 private 私有的 protect 保护 public 所有人能用,私有的自己能用,protect一个包里. 2.自动修正快捷键 ctrl ...
- node crypto md5加密,并解决中文不相同的问题
在用crypto模块时碰到了加密中文不相同的问题,多谢群里面@蚂蚁指定 1:解决中文不同的问题 function md5Pay(str) { str = (new Buffer(str)).toStr ...
- kafka 生产者java编码
public class KafkaProducerDemo { public static void main(String[] args) throws InterruptedException ...
- RDIFramework.NET ━ 9.12 表字段管理 ━ Web部分
RDIFramework.NET ━ .NET快速信息化系统开发框架 9.12 表字段管理 -Web部分 表(字段)综合管理模块主要功能是对数据表本身,表的各个字段做相应的控制,具体有以下功能: ...
- DuiLib学习笔记2——写一个简单的程序
我们要独立出来自己创建一个项目,在我们自己的项目上加皮肤这才是初衷.我的新建项目名为:duilibTest 在duilib根目录下面有个 Duilib入门文档.doc 我们就按这个教程开始入门 首先新 ...