Javascript操作Select和Option
© kekehu / 技术资源 / 2008.12.11 / 11:04 / 2169PV
引用功能被关闭了。
//1.动态创建select
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
//2.添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值")); //这个只能在IE中有效
obj.options.add(new Option("text","value")); //这个兼容IE与firefox
}
//3.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
//4.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
//5.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;
//6.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;
//7.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
//8.删除select
function removeSelect(){
var mySelect = document.getElementById
}
//9.选中某个option(博主增加)
var mySelect = document.getElementById("mySelect");
for(var i=0; i<mySelect.options.length; i++) {
if(slt.options[i].value == 1) {
mySelect.options[i].selected = true;
break;
}
}
分享到:
相关推荐
Javascript操作Select和Option 一个网页 挺全的
select option 自定义图片的js 、css 以及代码展示,javaScript ;
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
javascript 获取select ->option中id、value、label属性及<option></option>中内容
本人写的一个html页面,用js实现从数组读数据自动生成select控件
主要介绍了JavaScript为select添加option的方法和示例,十分的简单实用,有需要的小伙伴可以参考下。
主要介绍了JavaScript操作select元素和option的实例代码的相关资料,需要的朋友可以参考下
javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下
其实这本书一直都在我的电脑里,只是没认真看过。一直没怎么很正式的学习过javascript,偶尔用到的时候就到网上找些代码,改吧改吧就用了,这次... 1、向Select里添加Option 代码如下://IE only,FF不支持Add方法 fun
javascript之HTML(select option)详解 一、基础理解: 复制代码代码如下: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ; //创建一个option对象,即在<select>...
javascript对它们的操作 一、基础理解 代码如下: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ; //创建一个option对象,即在<select>标签中创建一个或多个...
主要介绍了JS更改select内option属性的方法,涉及JavaScript动态操作页面select元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
主要介绍了javascript 删除select中的所有option的实例的相关资料,希望通过本文能帮助到大家实现这样的功能,需要的朋友可以参考下
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
JavaScript三级联通实现最新全国各省、市、县联动Select脚本,数据为最新全国全国各省、市、县数据,纯JavaScript实现。 部分代码如下: //这是从国家统计局网站下载的全国行政区划代码,先把他转化为JSON对象, //...