本文實例講述了JavaScript實現動態刪除列表框值的方法。分享給大家供大家參考。具體如下：
使用JavaScript 動態刪除列表框中的值，實際運用中可能效果會比較復雜，這只是一個基本功能單元，很多都是在此基礎上擴展而來，運行代碼點擊“刪除”，會將列表框中的值一一刪除，只保留一項數據。
運行效果截圖如下：
具體代碼如下：
<!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>希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
