怎么用js删添一个option

JavaScript09

怎么用js删添一个option,第1张

<!doctype html>

<html>

<head>

<title>new document </title>

</head>

<SCRIPT LANGUAGE="JavaScript">

<!--

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>

<select id="obj"></select>

</body>

</html>

思路:

获取select标签元素。

选出select下面的option项。

替换option里的内容,或是删除option。

代码:

<script>    

window.onload=function(){    

var oSel = document.getElementById('sel')    

var oOpt = new Option('123','abc')    

oSel.appendChild(oOpt)    //添加一个option

oSel.removeChild(oOpt)    //删除一个option

}    

</script>    

</head>    

<body>    

<select id="sel">    

<option>1234</option>    

</select>