如何用js去除和添加下拉框选项_IT百科

javascript设置下拉框选中项通常有以下两种方法：直接设置下拉框的value属性值，即可将option选项中相应value值选项选中。循环判断option的value值，将满足条件的option的selected属性设置为true。

<!doctype html>

<html>

<head>

<title>new document </title>

</head>

<!--

window.onload = function(){

var obj = document.getElementById('obj')

// 添加选项

for(var i=0i<5i++){

var opt = new Option('显示文本' + i,'选项值' + i)

obj.add(opt,undefined)

}

// 删除选项

obj.remove(4)//移除第五项

// 设置被选中项

obj.selectedIndex = 2// 选中第三项

obj.value = '选项值1'// 选中值为选项值1的那一项

// 获取下拉框的值

alert(obj.value)

alert(obj.options[obj.selectedIndex].value)

alert(obj.options[obj.selectedIndex].text)

// 清空下拉列表

obj.options.length = 0

}

//-->

</SCRIPT>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何用js去除和添加下拉框选项