Select remove() 方法
JavaScript基础 2022-06-08 17:11:01小码哥的IT人生shichen
Select remove() 方法
实例
例子 1
从下拉列表中删除选定的选项：
var x = document.getElementById("mySelect");
x.remove(x.selectedIndex);
完整实例：
<!DOCTYPE html>
<html>
<body>
<form>
请选择一种水果：
<br><br>
<select id="mySelect" size="4">
<option>苹果</option>
<option>桃子</option>
<option>香蕉</option>
<option>桔子</option>
</select>
</form>
<br>
<button onclick="myFunction()">删除选定的水果</button>
<script>
function myFunction() {
var x = document.getElementById("mySelect");
x.remove(x.selectedIndex);
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
例子 2
从下拉列表中删除索引为 "2" 的选项：
var x = document.getElementById("mySelect");
x.remove(2);
完整实例：
<!DOCTYPE html>
<html>
<body>
<form>
<select id="mySelect" size="4">
<option>苹果</option>
<option>桃子</option>
<option>香蕉</option>
<option>桔子</option>
</select>
</form>
<br>
<button onclick="myFunction()">删除索引为“2”的选项</button>
<script>
function myFunction() {
var x = document.getElementById("mySelect");
x.remove(2);
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
例子 3
从下拉列表中删除最后一个选项：
var x = document.getElementById("mySelect");
if (x.length > 0) {
x.remove(x.length-1);
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<form>
<select id="mySelect" size="4">
<option>苹果</option>
<option>桃子</option>
<option>香蕉</option>
<option>桔子</option>
</select>
</form>
<br>
<button onclick="myFunction()">删除最后一个选项</button>
<script>
function myFunction() {
var x = document.getElementById("mySelect");
if (x.length > 0) {
x.remove(x.length-1);
}
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
语法
selectObject.remove(index)
参数值
| 参数 | 描述 |
|---|---|
| index | 必需。规定要删除的选项的索引（下标）。索引从 0 开始。 |
技术细节
返回值：
无返回值。
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
