select之option常用方法
2012-10-15 15:54
141 查看
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; //保持选中状态
6、删除select
复制代码代码如下:
var obj = document.getElementById("mySelect");
obj.parentNode.removeChild(obj); //移除当前对象
7、select选择的响应事件
复制代码代码如下:
$("#mySelect").change(function(){
//添加所需要执行的操作代码
})
复制代码代码如下:
<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; //保持选中状态
6、删除select
复制代码代码如下:
var obj = document.getElementById("mySelect");
obj.parentNode.removeChild(obj); //移除当前对象
7、select选择的响应事件
复制代码代码如下:
$("#mySelect").change(function(){
//添加所需要执行的操作代码
})
相关文章推荐
- javasript 操作option select一些常用方法
- 测试JQuery中常用的取值方法 包含(input areatext select checkbox radio )
- 改变select组件的option选中状态的快捷方法
- select 下拉菜单Option对象使用add(elements,index)方法动态添加
- JQuery获取和设置Select选项常用方法总结
- 两种方法获取select下拉框选中的option的值
- ie6.0中关于动态改变html中select标签中option的处理方法
- 浅析JQuery获取和设置Select选项的常用方法总结
- 利用js给datalist或select动态添加option选项的方法
- jquery 针对html标签一些常用方法(select、radio、checkbox)
- select元素添加option的add()方法 | try{}catch{}
- JQuery获取和设置Select选项常用方法总结 (转)
- js 操作select和option常用代码整理
- 实现select动态添加option并选中的多种方法
- Javascript select下拉框操作常用方法
- C++使用Mysql的详细步骤及各个常用方法的代码演示:select,insert,update,delete
- JS更改select内option属性的方法
- select2插件常用方法汇总
- 浅析JQuery获取和设置Select选项的常用方法总结
- JS获取select-option-text_value的方法