js操作select option
来源:互联网 发布:黑社会 知乎 编辑:程序博客网 时间:2024/06/05 09:12
1、获取选中select的value和text,html代码如下:
<select id="mySelect">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
则可通过以下script代码s来获取选中的value和text
$("#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; //保持选中状态
var obj = document.getElementById("mySelect");obj.parentNode.removeChild(obj); //移除当前对象
7、select选择的响应事件
$("#mySelect").change(function(){ //添加所需要执行的操作代码})
阅读全文
1 0
- js 操作select option
- js操作select option
- js操作select option
- js 操作select option
- js操作select option
- js操作select option
- js操作select option
- js 操作select和option
- js 操作select和option
- js 操作select和option
- js 操作select和option
- js 操作select和option
- js 操作select和option
- js 操作select和option(转载)
- js select的option的操作
- JS操作select控件的option
- 05-js 操作select和option
- JS动态创建select 操作select和option
- 深度学习Matlab工具箱代码注释——cnnbp.m
- APP搭建:输入文字,单击显示(Android studio)
- oracle 锁的应用(DMS_LOCK)
- HDU2015偶数求和
- Android关于有些机型拍摄的照片在代码里调用图库照片显示翻转问题
- js操作select option
- org.apache.commons.lang.StringUtils;的时候出错解决方法
- 深度学习Matlab工具箱代码注释——cnnapplygrads.m
- 安卓一键去广告工具
- oracle中pivot和unpivot函数用法举例
- angular1.x + ES6开发风格记录
- Ohana Cleans Up
- eclipse打开,莫名报一堆错(Syntax error on tokens, delete these tokens )
- POJ3304(计算几何基础-判断线段与直线相交)