jquery操作select option使用小结
2019独角兽企业重金招聘Python工程师标准>>>
1、获取选中select的value和text,代码如下:
<select id="mySelect">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
$("#mySelect").val(); //获取选中记录的value值
$("#mySelect option:selected").text(); //获取选中记录的text值
2、运用new Option("文本","值")方法添加选项option :
var obj = document.getElementById("mySelect");
obj.add(new Option("4","4"));
3、删除所有选项option
var obj = document.getElementById("mySelect");
obj.options.length = 0;
4、删除选中选项option:
var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options.remove(index);
5、修改选中选项option :
var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options[index] = new Option("three",3); //更改对应的值
obj.options[index].selected = true; //保持选中状态
6、删除select :
var obj = document.getElementById("mySelect");
obj.parentNode.removeChild(obj); //移除当前对象
7、select选择的响应事件:
$("#mySelect").change(function(){
//添加所需要执行的操作代码
})
转载于:https://my.oschina.net/adamboy/blog/40611
jquery操作select option使用小结相关推荐
- jQuery: 操作select option方法集合
每一次操作select的时候,总是要谷歌一下资料,真是太不爽了, 在这里记录一下. 公共select代码 <select id="sel"><option val ...
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
- jQuery操作Select
jQuery是如何控制和操作select的.先看下面的html代码 <select id="test"><option value="1"&g ...
- jquery操作select时怎么产生事件
jquery操作select时怎么产生事件 jquery操作select时怎么产生事件, 如我设置2为选中项 $('#select').val("2"); 哪么怎么同时产生一个on ...
- ajax 给select赋值,jquery操作select取值赋值与设置选中
摘要 腾兴网为您分享:jquery操作select取值赋值与设置选中,掌上优云,杂志迷,悦作业,小米云盘等软件知识,以及屏幕,赢在街拍客,动图,天下任我行,网易充值中心,马上用车,cf不掉血,回收ap ...
- Jquery操作select小结
每次操作select都要查资料,干脆总结一下. 为select设置placeholder <select class="form-control selOP" placeho ...
- jquery操作select取值赋值与设置选中[转]
本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> ...
- jquery操作select(增加,删除,清空)
jQuery获取Select选择的Text和Value: 引用https://www.cnblogs.com/Luouy/p/5806833.html $("#select_id" ...
- jquery操作select选项
$("#typeSelect option[value!=6]").remove() jQuery获取Select选择的Text和Value: var checkText=jQue ...
最新文章
- java中execution的作用_一文初步了解Java虚拟机
- 我在清华当工程师的日子
- 并发编程--线程池与进程池
- python爬虫应用实战-如何爬取好看的小姐姐照片?
- Prism4文档翻译(第四章 第一部分) 转载bluesky234
- U3D assetbundle加载与卸载的深入理解
- Android短信发送流程之长短信发送(原)
- hp-ux修改时区方法_UX研究人员可以倡导人类的6种方法
- vscode 新建python 终端
- 每日小记 2017.2.14
- 用电脑更新手机ios系统_macOS 11正式版:大更新!苹果把iOS风格搬到了电脑上
- 《精通Android 5 多媒体开发》——第6章,第6.1节视频系统结构
- 如何做跟进客户关系维护PPT课件?
- Android静态库和动态库的区别
- 数字转换英语c语言程序,C语言编写的英语数字转化代码(数字转化为用英语表达的数字).doc...
- android怎么监听多点触摸_Android笔记:触摸事件的分析与总结----多点触控
- Office EXCEL 创建图片超链接打不开怎么办 Excel打开图片提示发生了意外错误怎么办
- 性能测试线上培训班怎么选 3点教你在线选好培训班
- 深入浅出Zookeeper集群搭建
- 数据库DB与数据仓库DW区别和联系