JS、jQuery中select的用法详解


Posted in Javascript onApril 21, 2016

1.js

var obj=document.getElementById(selectid);
obj.options.length = 0; //清除所有内容
obj.options[index] = new Option("three",3); //更改对应的值
obj.options[index].selected = true; //保持选中状态
obj.add(new Option("4","4")); ”文本",”值"
var index = obj.selectedIndex;obj.options.remove(index);//删除选中项

2.jquery

$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").").find('option:selected').text(); 获取select选中的text
$("#select_id").val(); 获取select选中的value
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
$("#mselect_id").change(function(){
//添加所需要执行的操作代码
})

补充: js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式

$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected') .val();//选中的值
$("#testSelect ").get(0).selectedIndex;//索引

第二种方式

$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;

以上内容是小编给大家介绍的JS、jQuery中select的用法详解,希望对大家有所帮助!

Javascript 相关文章推荐
javascript Zifa FormValid 0.1表单验证 代码打包下载
Jun 08 Javascript
JavaScript入门教程(6) Window窗口对象
Jan 31 Javascript
JavaScript 撑出页面文字换行
Jun 15 Javascript
javascript常用函数(1)
Nov 04 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
Jul 10 Javascript
React Native开发封装Toast与加载Loading组件示例
Sep 08 Javascript
深入理解JavaScript 中的执行上下文和执行栈
Oct 23 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
jQuery中iframe的操作(点击按钮新增窗口)
Apr 20 #Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 #Javascript
浅析JS动态创建元素【两种方法】
Apr 20 #Javascript
纯JS代码实现一键分享功能
Apr 20 #Javascript
JavaScript动态生成二维码图片
Apr 20 #Javascript
JS动态创建元素的两种方法
Apr 20 #Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 #Javascript
You might like
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
JQuery 学习笔记 选择器之五
2009/07/23 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
2014/05/14 Javascript
node.js入门教程
2014/06/01 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
python 字符串格式化代码
2013/03/17 Python
python实现360的字符显示界面
2014/02/21 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python socket网络编程之粘包问题详解
2018/04/28 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)
2018/12/20 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
学生就业推荐信
2013/11/13 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
金榜题名主持词
2015/07/02 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书
民事纠纷协议书
2016/03/23 职场文书