📄 删除列表项.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<!-- 方法一 -->
<SELECT NAME="country" BORDER=0 multiple SIZE=20 >
<OPTION>中国 </OPTION>
<OPTION>日本 </OPTION>
</SELECT>
<button onclick="document.all.country.options[1].removeNode()">Delete</button>
<!-- 方法二 -->
<script language=javascript>
function removeit(){
var testOptions=country1;
var i=0;
for (i=0;i<testOptions.length;i++){
if (country1.options[i].value=="2"){
country1.options.remove(i);
}
}
}
</script>
<SELECT NAME="country1" BORDER=0 multiple SIZE=20 >
<OPTION value="1">中国 </OPTION>
<OPTION value="2">日本 </OPTION>
</SELECT>
<input type=button name=btnTest onclick="removeit()" value="删除">
<!-- 方法三 -->
<script language="JavaScript">
<!--
function catch_keydown(sel) {
switch(event.keyCode) {
case 46: //Delete;
if(sel.length<=0) break;
if(confirm("删除当前选项!?")) sel.options[sel.selectedIndex] = null;
if(sel.length>0) sel.options[0].selected = true;
event.returnValue = false;
break;
}
}//-->
</script>
<select name=s1 onkeydown="catch_keydown(this);" >
<OPTION>中国 </OPTION>
<OPTION>日本 </OPTION>
<option>选中按DEL</option>
</select>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -