<html> <head> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <select id="ddlFruits" style="width: 150px;"> <option value="1">Mango</option> <option value="2">Apple</option> <option value="3">Banana</option> <option value="4">Guava</option> <option value="5">Pineapple</option> <option value="6">Papaya</option> <option value="7">Grapes</option> </select> <br /> <hr /> <input type="button" id="btnDelete" value="Delete" /> <script type="text/javascript"> $(function () { $("#btnDelete").bind("click", function () { $("#ddlFruits option").remove(); }); }); </script> </body> </html>
以下HTML标记由下拉列表控件和按钮组成。
单击按钮时,将执行jquery click事件处理程序。在此事件处理程序中,使用jquery remove()函数删除(delete)下拉列表控件的所有项。