js怎么得到option个数

JavaScript025

js怎么得到option个数,第1张

javascript获取select下option个数常用代码有：

obj = document.getElementById(select_id)

obj.length

obj.options.length

obj.children.length

实例演示：

1、HTML结构

<select id="test">

<option value="1">option-1</option>

<option value="2">option-2</option>

<option value="3">option-3</option>

<option value="4">option-4</option>

</select><br>

<input type='button' value='获取下拉列表项数目' onclick="fun()"/>

2、javascript代码

function fun(){

obj = document.getElementById("test")

alert(obj.length)            // 方法1

alert(obj.options.length)    // 方法2

alert(obj.children.length)   // 方法3

}

3、演示效果（点击图片查看动态效果）

1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。

2、要运行后网页界面如此显示下拉框。

3、接下来我们按照图示代码用js来获取被选中的值。

4、首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。

5、当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。