怎么用js删添一个option
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用js删添一个option相关的知识，希望对你有一定的参考价值。
怎么用js删添一个option
在几个下拉菜单中，通过什么方法来实现option的动态删添
<html>
<head>
<title> new document </title>
</head>
<SCRIPT LANGUAGE="javascript">
<!--
window.onload = function()
var obj = document.getElementById(\'obj\');
// 添加选项
for(var i=0; i<5; i++)
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> 参考技术A 首先，这个问题，我建议你使用JQuery；
使用步骤：首先你下载JQuery的js包，百度一下就有，很简单
其次，在你的页面当中引用，然后在你的js里边直接写
$("选择器").append（"option"）;即可
如果非要使用原生js的话
那么可以用js自己的appendChild和insertBefore
appendChild方法是在父级节点中的子节点的末尾添加新的节点（相对于父级节点 来说）。
insertBefore 方法 是在已有的节点前添加新的节点（相对于子节点来说的）。
具体语法也跟JQuery的类似
就是选择器要写成：document.getElementById("页面元素ID").;
具体如:
document.getElementById("选择器").appedChild("option"，元素); 参考技术B 用一个js函数返回option列表，在select的onclick动作指向该函数。 参考技术C <select id="aaa">
<option>dasdas</option>
<option>dasdas</option>
<option>dasdas</option>
<option>dasdas</option>
</select>
<input type="button" onclick="del()">
<script>
function del()
var a = document.getElementById("aaa");
if (a.options.length > 0)
a.removeChild(a.options[0]);
</script>
以上是关于怎么用js删添一个option的主要内容，如果未能解决你的问题，请参考以下文章