删除下拉列表
對應SELECT元素，應用的是remove()方法來刪除其中的選項
remove(long index) index：表示要刪除的選項的索引值，若該索引值比下拉列表中的選項的最大值還大或者小于0，那該方法不會刪除任何選項 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><base href="<%=basePath%>"><title>刪除下拉列表的選項 </title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><style type="text/css">table{font-size: 14px;}</style><script type="text/javascript">function loadSelectOption(){var selectObj = document.getElementById("show");var str = ["吉林","遼寧","黑龍江","北京","上海"];for(var i=0;i<5;i++){var op = document.createElement("option");op.innerHTML=str[i];selectObj.appendChild(op);}}function del(){var selectObj = document.getElementById("show");selectObj.remove(selectObj.length-1);}function add(){var selectObj = document.getElementById("show");var op = document.createElement("option");op.innerHTML = document.getElementById("opValue").value;selectObj.appendChild(op);}</script></head><body "loadSelectOption()"><table background="bg.bmp" width="270" height="200"><tr><td align="center">【刪除下拉列表的選項】 </td></tr><tr><td id="test" align="center"><input type="text" id="opValue" /> <input type="button" value="增加" "add()" /><input type="button" value="刪除" "del()" /></td></tr><tr><td id="test"><select id="show" size="8" style="width:120px"></select></td></tr></table></body> </html> 《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
- 上一篇： 为下拉列表增加选项
- 下一篇： 使用Statement接口实现增，删，改