select option

2024年3月26日发(作者：)

javascript之HTML（select option）详解

一、基础理解:

var e = mentById("selectId");

e. options= new Option("文本","值") ;

//创建一个option对象,即在标签中创建一个或多个

文本

//options是个数组,里面可以存放多个

文本这样的

标签

1:options[ ]数组的属性:

length属性---------长度属性

selectedIndex属性--------当前被选中的框中的文本的索引值,此索引值是内存自动

分配的(0,1,)对应(第一个文本值,第二个文本值,第三个文本值,第四个文本

值..........)

2:单个option的属性(---s[dIndex]是指定的某个

标签,是一个---)

text属性---------返回/指定 文本

value属性------返回/指定 值，与一致。

index属性-------返回下标,

selected 属性-------返回/指定该对象是否被选中.通过指定 true 或者 false，可以

动态的改变选中项

defaultSelected 属性-----返回该对象默认是否被选中。true / false。

3:option的方法

增加一个

标签-----(new("文本","值"));<增>

删除一个

标签-----(edIndex)<删>

获得一个

标签的文本-----s[edIndex].text<查>

修改一个

标签的值-----s[edIndex]=new

Option("新文本","新值")<改>

删除所有

标签----- = 0

获得一个

标签的值-----s[edIndex].value

注意:

a:上面的写的是如这样类型的方法on()而不写on,是因

为为了考虑在IE和FF 下的兼容,如()只能在IE中有效.

b:中的option不需要大写,new Option中的Option需要大写

二 、应用

我的包包

我的本本

我的油油

我的担子

onclick="number();">

1.动态创建select

function createSelect(){