今天有朋友问我一个关于在里动态添加option问题，一开始以为是JS那里动态添加，所以用了JS动态添加option的方法，但你那里是用JQuery的，所以才会一直出错，添加option的区别。 JS： 添加多个值 sid.option[i] = new Option(i,i); } sid.options[sid.options.length]=new Option("1","2"); // 在最后一个值后面添加多一个 JQuery： "+text+""); 当然除了这句，还有设置默认选择值、第一个的值、最后一个的值、第N个的值等等的，所以在网上搜了一上： jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery添加/删除Select的Option项： 1. $("#select_id").append("Text"); //为Select追加一个Option(下拉项) 2. $("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置) 3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 以上所述是小编给大家介绍的JS & JQuery 动态添加 select option的相关知识 。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 jqueryjquery动态添加optionjs动态添加select 上一篇：webpack中引用jquery的简单实现下一篇：jQuery EasyUI框架中的Datagrid数据 猜你在找的jQuery相关文章 《锋利的jQuery》笔记：插件的使用和写法 jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的... 作者：前端之家 时间：2020-12-28 jQuery插件开发入门 扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。 入门 编写一个jQuery... 作者：前端之家 时间：2020-12-28 jquery.roundabout.js实现3D图片层叠旋转木马切换 最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。 兼容... 作者：前端之家 时间：2020-12-28 jQuery效果之jQuery实现图片的依次加载图片 css代码： js代码： 作者：前端之家 时间：2020-12-28 jQuery之deferred对象详解 一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。... 作者：前端之家 时间：2020-12-28 jQuery插件开发进阶 jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能... 作者：前端之家 时间：2020-12-28 jQuery 实现邮箱输入自动提示功能：（一） 记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写... 作者：前端之家 时间：2020-12-28 jQuery插件之上传文件ajaxfileupload.js源码与使用 在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，... 作者：前端之家 时间：2020-12-28 jQuery效果之封装一个文章图片弹出放大效果 首先先搭写一个基本的格式： 然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递... 作者：前端之家 时间：2020-12-28 《从零开始学习jQuery》：用jQuery操作元素的属性与样式 元素属性和Dom属性简介 对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也... 作者：前端之家 时间：2020-12-28 编程分类 HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号 最新文章 • 《锋利的jQuery》笔记：插 • jQuery插件开发入门 • jquery.roundabout.js实现 • jQuery效果之jQuery实现图 • jQuery之deferred对象详解 • jQuery 对AMD的支持（Requ • jQuery插件开发进阶 • jQuery 实现邮箱输入自动提 • jQuery插件之上传文件ajax • jQuery效果之封装一个文章 热门标签 更多 ► 关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作 最近更新· 小米手机重装系统价格多少?专业维修服务详解02-05 · 手把手教你重装电脑系统,让你的电脑焕然一新!02-05 · 教你一步步重装XP系统,让你的电脑重获新生02-05 · 从备份到上网:一步步教你重装电脑系统02-05 · Sony笔记本电脑一键重装系统详细图文教程02-05 · Lenovo笔记本重装系统超详细教程，小白也能轻松...02-05 · 联想笔记本一键重装Win10系统详细教程02-05 · 电脑系统故障无需愁,专业维修店帮你重装旧貌换新...02-05 · 联想笔记本一键重装Win10系统图文教程，小白也能...02-05 · 笔记本重装系统图文教程：从光盘启动一步到位02-05 好站推荐 菜鸟教程 编程之家 前端之家 商务合作 联系我们 Copyright © 2019 前端之家. 当前版本 V7.0.16 前端之家 版权所有 闽ICP备13020303号-10
