一基础理解:
var e = document.getElementById("selectId");
e. options
= new Option("文本","值") ;
//创建一个option对象,即在<select
>标签中创建一个或多个<option value="值">文本</option>
//options
是个数组,里面可以存放多个<option value="值">文本</option>这样的标签
1:options
[ ]数组的属性:
length属性---------长度属性
selectedIndex属性--------当前被选中的框中的文本的索引值,此索引值是内存自动分配的(0,1,2,3.....)对应(第一个文本值,第二个文本值,第三个文本值,第四个文本值..........)
2:单个option的属性(---obj.options
[obj.selecedIndex]是指定的某个<option>标签,是一个---)
text属性---------返回/指定 文本
value属性------返回/指定 值,与<options
value="...">一致。
index属性-------返回下标,
selected 属性-------返回/指定该对象是否被选中.通过指定 true 或者 false,可以动态的改变选中项
defaultSelected 属性-----返回该对象默认是否被选中。true / false。
3:option的方法
增加一个<option>标签-----obj.options
.add
(new("文本","值"));<增>
删除一个<option>标签-----obj.options
.remove(obj.selectedIndex)<删>
获得一个<option>标签的文本-----obj.options
[obj.selectedIndex].text<查>
修改一个<option>标签的值-----obj.options
[obj.selectedIndex]=new Option("新文本","新值")<改>
删除所有<option>标签-----obj.options
.length = 0
获得一个<option>标签的值-----obj.options
[obj.selectedIndex].value
注意:
a:上面的写的是如这样类型的方法obj.options
.function()而不写obj.funciton,是因为为了考虑在IE和FF 下的兼容,如obj.add
()只能在IE中有效.
b:obj.option中的option不需要大写,new Option中的Option需要大写
二 应用
<html>
<head>
<script language="javascript">
function number(){
var obj = document.getElementById("mySelect");
//obj.options
[obj.selectedIndex] = new Option("我的吃吃","4");//在当前选中的那个的值中改变
//obj.options
.add
(new Option("我的吃吃","4"));再添加一个option
//alert(obj.selectedIndex);//显示序号,option自己设置的
//obj.options
[obj.selectedIndex].text = "我的吃吃";更改值
//obj.remove(obj.selectedIndex);删除功能
}
</script>
</head>
<body>
<select
id="mySelect">
<option>我的包包</option>
<option>我的本本</option>
<option>我的油油</option>
<option>我的担子</option>
</select
>
<input type="button" name="button" value="查看结果" onclick="number();">
</body>
</html>
分享到:
相关推荐
select option 自定义图片的js 、css 以及代码展示,javaScript ;
Javascript操作Select和Option 一个网页 挺全的
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
javascript 获取select ->option中id、value、label属性及<option></option>中内容
本人写的一个html页面,用js实现从数组读数据自动生成select控件
select options 排序(保持option 对象完整性)
主要介绍了JavaScript为select添加option的方法和示例,十分的简单实用,有需要的小伙伴可以参考下。
//创建一个option对象,即在<select>标签中创建一个或多个<option value=”值”>文本</option> //options是个数组,里面可以存放多个<option value=”值”>文本</option>这样的标签 1:options[ ]数组的属性: ...
javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...
问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange();这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> <head lang="en"> <meta charset=...
//创建一个option对象,即在<select>标签中创建一个或多个<option value=”值”>文本</option> //options是个数组,里面可以存放多个<option value=”值”>文本</option>这样的标签 1:options[ ]数组的属性: l
其实这本书一直都在我的电脑里,只是没认真看过。一直没怎么很正式的学习过javascript,偶尔用到的时候就到网上找些代码,改吧改吧就用了,这次... 1、向Select里添加Option 代码如下://IE only,FF不支持Add方法 fun
主要介绍了JS更改select内option属性的方法,涉及JavaScript动态操作页面select元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下
JavaScript三级联通实现最新全国各省、市、县联动Select脚本,数据为最新全国全国各省、市、县数据,纯JavaScript实现。 部分代码如下: //这是从国家统计局网站下载的全国行政区划代码,先把他转化为JSON对象, //...
支持一次选中多项在左右列表中来回移动
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD ... <head> <title>Untitled Page</title>...script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.m