清空option 不是很難的操作。只需要遍歷現(xiàn)有option,將其每個(gè)子元素都置空即可。

創(chuàng)新互聯(lián)為客戶提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、程序、域名、空間一條龍服務(wù),提供基于WEB的系統(tǒng)開(kāi)發(fā). 服務(wù)項(xiàng)目涵蓋了網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站程序開(kāi)發(fā)、WEB系統(tǒng)開(kāi)發(fā)、微信二次開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)等網(wǎng)站方面業(yè)務(wù)。
代碼如下:
function clearOption(selectId){
var selectObj = document.getElementById(selectId);
for(var i = 0,len = selectObj.options.length; i len; i++){
selectObj.options[0] = null;
}
}
!DOCTYPE?html
html??lang="en"
head
meta?charset="utf-8"?/
meta?name="renderer"?content="webkit"
meta?http-equiv="X-UA-Compatible"?content="IE=Edge"
titlejquery清空-恢復(fù)/title
meta?name="keywords"?content=""?/
meta?name="description"?content=""?/
script?src='jquery-2.0.3.min.js'/script
/head
body
input?type='text'?id='username'/
button?id='empty-btn'清空/button
button?id='recover-btn'恢復(fù)/button
/body
script?type="text/javascript"
$(function(){
var?fun?=?{
obj?:?$('#username'),
val?:??'',
empty:?function()?{
var?$self?=?this;
$self.val?=?$self.obj.val();
$self.obj.val('');
},
recover?:?function()?{
var?$self?=?this;
$self.obj.val($self.val);
}
}
$('#empty-btn').bind('click',?function(){
fun.empty();
});
$('#recover-btn').bind('click',?function(){
fun.recover();
});
});
/script
/html
你參考一下!
如需刪除元素和內(nèi)容,一般可使用以下兩個(gè) jQuery 方法:
remove() - 刪除被選元素(及其子元素)
empty() - 從被選元素中刪除子元素
本文實(shí)例講述了jQuery使用empty()方法刪除元素及其所有子元素的方法,分享給大家供大家參考,具體實(shí)現(xiàn)方法如下:
$.ajax({
url: "SearchSN.aspx",
data: "SN=" + $("#txtStorageSN").val(),
cache: false,
success: function (html) {
$("#showResult").empty();
$("#showResult").append(html);
$("#showResult").css("color", "red");
}
});
頁(yè)面:div id="showResult"/div
$("#showResult").empty();//清除div內(nèi)容(Div內(nèi)容是通過(guò)aspx頁(yè)面進(jìn)行動(dòng)態(tài)添加的,需要先清除div內(nèi)容)
你為什麼不查查文檔呢?
定義和用法
:empty?選擇器匹配沒(méi)有子元素(包括文本節(jié)點(diǎn))的每個(gè)元素。
input永遠(yuǎn)都不會(huì)有子節(jié)點(diǎn), 永遠(yuǎn)都是:empty
將 id 為 sub 的元素內(nèi)容清空
div id="sub"ptextpspantext2/span/div
執(zhí)行 $("#sub").empty(); 后變?yōu)?/p>
div id="sub"/div
empty()、html("")和text("")在刪除匹配元素內(nèi)內(nèi)容時(shí)是一樣的。jQuery源碼中實(shí)現(xiàn)有所不同,但效果相同。你可以測(cè)試一下
源碼:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title無(wú)標(biāo)題文檔/title
script src="../scripts/jquery-1.4.2.min.js" type="text/javascript"/script
script
$(function(){
$('#btnEmpty').click(function(){
$('#aim').empty();
alert("empty()");
});
$('#btnHtml').click(function(){
$('#aim').html("");
alert('html("")');
});
$('#btnText').click(function(){
$('#aim').text("");
alert('text("")');
});
});
/script
/head
body
div id="aim"
ul
li111111111/li
li222222222/li
li333333333/li
li444444444/li
/ul
/div
button id='btnEmpty'empty()/button
button id='btnHtml'html("")/button
button id='btnText'text("")/button
/body
/html
一、html(val):設(shè)置每一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。
返回值:jQuery
參數(shù):val (String) : 用于設(shè)定HTML內(nèi)容的值
示例:
HTML 代碼:
div/div
jQuery 代碼:
$("div").html("pHello Again/p");
結(jié)果:
[ divpHello Again/p/div ]
二、empty():刪除匹配的元素集合中所有的子節(jié)點(diǎn)。
返回值:jQuery
示例:把所有段落的子元素(包括文本節(jié)點(diǎn))刪除
HTML 代碼:
pHello, spanPerson/span a href="#"and person/a/p
jQuery 代碼:
$("p").empty();
結(jié)果:
p/p
三、text(val):設(shè)置所有匹配元素的文本內(nèi)容
與 html() 類似, 但將編碼 HTML (將 "" 和 "" 替換成相應(yīng)的HTML實(shí)體).
返回值:jQuery
參數(shù):val (String) : 用于設(shè)置元素內(nèi)容的文本
示例:
HTML 代碼:
pTest Paragraph./p
jQuery 代碼:
$("p").text("bSome/b new text.");
結(jié)果:
[ pbSome/b new text./p ]
網(wǎng)站名稱:jqueryempty,jqueryempty詳解
分享鏈接:http://chinadenli.net/article27/dsgihcj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、標(biāo)簽優(yōu)化、響應(yīng)式網(wǎng)站、定制開(kāi)發(fā)、用戶體驗(yàn)、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)