|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
如何用JQuery刪除或清空下拉列表的選項(xiàng)
作者:admin 時(shí)間:2019-8-25 17:36:47 瀏覽:本文介紹如何使用JQuery刪除或清空下拉列表的選項(xiàng)。
JQuery刪除下拉列表的選擇項(xiàng)
JQuery清空下拉列表
JQuery刪除下拉列表的選擇項(xiàng)
以下HTML標(biāo)記由HTML下拉列表控件和按鈕組成。
單擊按鈕時(shí)，將執(zhí)行jquery click事件處理程序。在此事件處理程序中，HTML 下拉列表控件的選定項(xiàng)（selected option）將被刪除（delete）。
<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:selected").remove();
});
});
</script>
</body>
</html>
JQuery刪除下拉列表的選擇項(xiàng)
JQuery清空下拉列表
以下HTML標(biāo)記由下拉列表控件和按鈕組成。
單擊按鈕時(shí)，將執(zhí)行jquery click事件處理程序。在此事件處理程序中，使用jquery remove()函數(shù)刪除（delete）下拉列表控件的所有項(xiàng)。
<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>
JQuery清空下拉列表
注意事項(xiàng)
上述兩實(shí)例程序代碼，均需首先調(diào)用JQuery庫(kù)文件。
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
您可能對(duì)以下文章也感興趣
標(biāo)簽: DropDownList dropdown-list JQuery 下拉列表 下拉菜單
- 怎樣使用JQuery動(dòng)態(tài)增加下拉列表選項(xiàng)（option）
- 如何使用JQuery動(dòng)態(tài)填充下拉列表（DropDownList）或下拉菜單
- 實(shí)例：使用jQuery插件TableDnD拖放HTML表(table)行
- 使用jQuery計(jì)算子元素(child elements)
- 使用jQuery setInterval函數(shù)延遲5秒后跳轉(zhuǎn)到另一個(gè)頁(yè)面
- jQuery獲取下拉菜單列表option:selected選定值的兩種方法
- jQuery實(shí)現(xiàn)——文本框僅能輸入數(shù)字和小數(shù)值
- jQuery為動(dòng)態(tài)按鈕、div、tr添加點(diǎn)擊(click)事件
- jQuery如何讓按鈕、div等標(biāo)簽disabled（禁用/不可點(diǎn)擊）
- jQuery使用Array數(shù)組數(shù)據(jù)創(chuàng)建動(dòng)態(tài)HTML表（html table）
- 用jQuery remove()方法刪除表格行(table tr)的寫法
- jQuery獲得Table表格單元格TD值的4種方式
- jquery each()方法遍歷一個(gè)列舉元素如Li標(biāo)簽的兩種寫法
- $.each()循環(huán)遍歷一維數(shù)組、二維數(shù)組、JSON數(shù)據(jù)和DOM元素
- jQuery $.each() 方法的5種使用方式
- 站長(zhǎng)推薦
