Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Löschen von Listenfeldwerten in JavaScript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Verwenden Sie JavaScript, um die Werte im Listenfeld dynamisch zu löschen. In der tatsächlichen Anwendung ist dies möglicherweise nur eine grundlegende Funktionseinheit, und viele werden auf dieser Basis erweitert. Löschen“, um die Liste zu löschen. Löschen Sie die Werte im Feld nacheinander, sodass nur ein Datenelement übrig bleibt.
Der Screenshot des Laufeffekts sieht wie folgt aus:
Der spezifische Code lautet wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>删除选项</title>
<style>
<!--
form{padding:0px; margin:0px; font:14px Arial;}
p{margin:0px; padding:3px;}
input{margin:0px; border:1px solid #000000;}
-->
</style>
<script language="javascript">
function RemoveOption(Box,iNum){
var oForm = document.forms["myForm1"];
var oBox = oForm.elements[Box];
oBox.options[iNum] = null;
}
</script>
</head>
<body>
<form method="post" name="myForm1">
球类：
<p>
<select id="ball" name="ball" multiple="multiple">
<option value="Football">足球</option>
<option value="Basketball">篮球</option>
<option value="Volleyball">排球</option>
</select>
</p>
<input type="button" value="删除" onclick="RemoveOption('ball',1);" />
</form>
</body>
</html>Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
