谁有动态添加和删除节点的好例子啊！！急用，跪谢了！！！！！！！！！！！！！！！

卡布洛 2013-07-12 04:47:43

RT。

我的是添加选项的效果，有一个select下拉框，我选中某一项，点击右侧的添加按钮，就将此项的值添加到下方的div里的span里，然后span有个叉号，点击这个叉号可以删除该选项，谁有类似的效果的，跪谢了！
用outerHTML实现的就不用发言了，我都快被他折磨死了，兼容性太差！

求高手指教下，看到类似特效的发下网址也行，跪谢了！在线等，一旦解决，立即结贴！！

...全文

97 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

卡布洛 2013-07-12

打赏
举报

引用 1 楼 deiphi 的回复:

jquery可以吗


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> new document </title>
	<meta name="generator" content="editplus" />
	<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
</head>

<body>

<script type="text/javascript">
<!--
$(document).ready(function(){
	var $box = $("#box");
	$("#city").change(function(){
		$box.append('<p>'+ $(this).find("option:selected").text() +'<a href="javascript:;">删除</a></p>');
		$box.find("a").click(function(){
			$(this).parent().remove();
		});
	});
});
	
//-->
</script>

<select id="city">
	<option>北京</option>
	<option>广州</option>
	<option>上海</option>
</select>

<div id="box"></div>

</body>
</html>

哈哈哈，我自己搞出来了，不过谢谢啦，分给你了，感动吧 (*^__^*)

deiphi 2013-07-12

打赏
举报

jquery可以吗


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> new document </title>
	<meta name="generator" content="editplus" />
	<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
</head>

<body>

<script type="text/javascript">
<!--
$(document).ready(function(){
	var $box = $("#box");
	$("#city").change(function(){
		$box.append('<p>'+ $(this).find("option:selected").text() +'<a href="javascript:;">删除</a></p>');
		$box.find("a").click(function(){
			$(this).parent().remove();
		});
	});
});
	
//-->
</script>

<select id="city">
	<option>北京</option>
	<option>广州</option>
	<option>上海</option>
</select>

<div id="box"></div>

</body>
</html>