大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
清空option 不是很难的操作。只需要遍历现有option,将其每个子元素都置空即可。
创新互联为客户提供专业的成都网站设计、做网站、程序、域名、空间一条龙服务,提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、移动网站建设等网站方面业务。
代码如下:
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清空-恢复/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'恢复/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
你参考一下!
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法,分享给大家供大家参考,具体实现方法如下:
$.ajax({
url: "SearchSN.aspx",
data: "SN=" + $("#txtStorageSN").val(),
cache: false,
success: function (html) {
$("#showResult").empty();
$("#showResult").append(html);
$("#showResult").css("color", "red");
}
});
页面:div id="showResult"/div
$("#showResult").empty();//清除div内容(Div内容是通过aspx页面进行动态添加的,需要先清除div内容)
你为什麼不查查文档呢?
定义和用法
:empty 选择器匹配没有子元素(包括文本节点)的每个元素。
input永远都不会有子节点, 永远都是:empty
将 id 为 sub 的元素内容清空
div id="sub"ptextpspantext2/span/div
执行 $("#sub").empty(); 后变为
div id="sub"/div
empty()、html("")和text("")在删除匹配元素内内容时是一样的。jQuery源码中实现有所不同,但效果相同。你可以测试一下
源码:
!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无标题文档/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):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
返回值:jQuery
参数:val (String) : 用于设定HTML内容的值
示例:
HTML 代码:
div/div
jQuery 代码:
$("div").html("pHello Again/p");
结果:
[ divpHello Again/p/div ]
二、empty():删除匹配的元素集合中所有的子节点。
返回值:jQuery
示例:把所有段落的子元素(包括文本节点)删除
HTML 代码:
pHello, spanPerson/span a href="#"and person/a/p
jQuery 代码:
$("p").empty();
结果:
p/p
三、text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).
返回值:jQuery
参数:val (String) : 用于设置元素内容的文本
示例:
HTML 代码:
pTest Paragraph./p
jQuery 代码:
$("p").text("bSome/b new text.");
结果:
[ pbSome/b new text./p ]