jQuery 增加 删除 修改select option

jQuery获取Select选择的Text和Value:

1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text

2. var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value

3. var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值

4. var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项:

1. jQuery("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

2. jQuery("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

3. jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)

4. jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

5. jQuery("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option

6. jQuery("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容清空:

jQuery("#select_id").empty();

时间: 2024-11-13 06:43:08

jQuery 增加 删除 修改select option的相关文章

jQuery增加、删除及修改select option的方法_jquery

本文实例讲述了jQuery增加.删除及修改select option的方法.分享给大家供大家参考,具体如下: jQuery获取Select选择的Text和Value: 1. //获取Select选择的Text var checkText=jQuery("#select_id").find("option:selected").text(); 2. //获取Select选择的option Value var checkValue=jQuery("#selec

基于HTML+CSS+JS实现增加删除修改tab导航特效代码_jquery

先给大家展示下效果图,如果大家感觉还不错,请参考实现代码哦! HTML: <div class="container iden_top"> <ul> <li> <p class='iden_add_name'>应用标识1</p> <span class="iden_top_button"></span> <div class="iden_top_dete"&

登陆用户的 增加 删除 修改 显示

问题描述 如题如何制作一个简单的登陆用户的增加删除修改显示不是注册页面也不是用户登陆后什么用户错误是已经登陆了如何写增加删除修改以及显示这些

在Javascript操作JSON对象,增加 删除 修改的简单实现_javascript技巧

在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { teacher: [ { name: "jordan", sex: "m", age: "40" }, { name: "bryant", sex: "m", age: "28" }, {

源代码-求一个mvc通过ado 生成的登录增加删除修改 等过程

问题描述 求一个mvc通过ado 生成的登录增加删除修改 等过程 请不要和我说创建mvc 源代码里面有 谢谢 哎 请原谅我那么叼 因为自学的学的好烦 解决方案 不太明白你想表达的意思.... 解决方案二: 我这儿刚好有个完全封装好的ADO类,你要用的的话可以直接调方法,要的话私信我你的邮箱 解决方案三: 我这儿刚好有个上次数据库设计做好的一个小项目,里边基本都是 用ADO做的增删改查 解决方案四: 你的意思是通过一个程序生成:Model,Service,Dao各层的代码么?

javascript实现表格行增加删除修改

网页特效实现表格行增加删除修改 点击添加按钮可以添加一个空的可以修改的记录. 点击表格单元格可以修改文本. 修改后实现了保存的接口. 如果添加了新的记录而未做任何修改值都为null,保存全部时将被忽略. 保存全部时只保存修改过的值,原有的数据不再重复保存. 刷新时如果数据未保存则提示保存. 点击删除时如果是临时添加的无效数据则直接删除,如果保存过的记录则实现了记录删除的接口 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional/

yii数据增加 删除 修改 查找的例子

yii操作数据库的实现方式有很多种,以下总结出一套yii操作数据库的语句: 1. 查询数据(select)  代码如下 复制代码 $con = Yii::app()->db; //查询一行数据 $noteInfo = $con->createCommand("select * from note where note_id='{$nid}'")->queryRow(); //查询多行数据 $noteInfo = $con->createCommand("

jQuery增加删除HTML标签实例详解

昨天在写 jQuery 的时候碰到个小问题纠结了我蛮久,后来在 foxling 的指点下才知道是那么一回事. 问题是这样滴,有一个 UL 列表,在某个事件响应之后要把 UL 列表里面的 LI 内容给逐行移除掉,于是有了下面的 HTML 代码:  代码如下 复制代码 <ul id="test">    <li>1</li>    <li>2</li>    <li>3</li>    <li>

asp.net关于DataTable操作(增加 删除 修改 查找)详解

数据表主键采用id列自增. 比方说表的结构:users表 id name sex add tel 将users表中的所有数据通过(dataset和sqldataadapter)查寻出来的到一个datatable数据集. 查: datatable dt =数据库教程查询集合; datarow[] dr = dt.select("id=" + txt_id.value); txt_name.value = dr[0]["name"].tostring(); txt_ad