js操作select option
来源:互联网 发布:为什么用代理模式java 编辑:程序博客网 时间:2024/05/17 04:17
转自:http://www.cnblogs.com/xiangpiaopiao2011/archive/2011/06/15/2081580.html,感谢他的总结,总结的很棒!
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(){
//添加所需要执行的操作代码
})
0 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
- sqlserver查询数据的所有表名和行数
- 自己的底层代码库(十六)——数组模板
- c++ RAII 小例子
- VS 2010下 打开实例 出现这样的错误: LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- C/C++之路
- js操作select option
- Oracl大数据学习笔记
- 哈理工oj 1116 解题报告 动态规划-依次输出最长公共子序列的位置
- asp.net中导出excel
- 分布式缓存系统Memcached简介与实践
- 爬虫程序(二)---读取网页
- Hebb神经网络
- 实战Memcached缓存系统
- structs的取值方式