<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-5-1</title>
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var $bb=$("#bb");//=$("#bb").remove();
var $cc=$("#cc").remove();
var $dd=$("#dd").remove();
var va;
$("#yy").change(function(){
if(this.value=="bb"){
$bb.appendTo("#aa"); //$bb.appendTo("#aa"); 即使是多次重复的插入,结果还是不变的。什么??
if(va=="cc"){
$cc=$("#cc").remove();
}else if(va=="dd"){
$dd=$("#dd").remove();
}
}else if(this.value=="cc"){
$cc.appendTo("#aa");
if(va=="bb"||va==""){
$bb=$("#bb").remove();
}else if(va=="dd"){
$dd=$("#dd").remove();
}
}else if(this.value=="dd"){
if(va=="bb"||va==""){
$bb=$("#bb").remove();
}else if(va=="cc"){
$cc=$("#cc").remove();
}
$dd.appendTo("#aa");
}else if(this.value==""){
if(va=="bb"){
}else {
$bb.appendTo("#aa");
if(va=="cc") {
$cc=$("#cc").remove();
}else if(va=="dd"){
$dd=$("#dd").remove();
}
}
}
})
$("#yy").click(function(){
va=this.value;
})
});
</script>
</head>
<body>
<select id="yy">
<option value="" selected >-----</option>
<option value="bb" >bb</option>
<option value="cc" >cc</option>
<option value="dd">dd</option>
</select>
<table>
<tr id="aa">
<td>AA</td>
<td>AA</td>
<td>AA</td>
</tr>
<tr id="bb">
<td>bb</td>
<td>bb</td>
<td>bb</td>
</tr>
<tr id="cc">
<td>cc</td>
<td>cc</td>
<td>cc</td>
</tr>
<tr id="dd">
<td>dd</td>
<td>dd</td>
<td>dd</td>
</tr>
<tr id="ee">
<td>EE</td>
<td>EE</td>
<td>EE</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
NULL 博文链接:https://eric-gao.iteye.com/blog/640267
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery 插入节点 节点jquery 插入节点 节点
本文与大家详细探讨下用jQuery获取IE9下拉框默认值的问题,如果下拉框没有空默认值会怎么样等一系列问题,感兴趣的朋友可以参考下哈,希望对大家有所帮助
使用jQuery为表格添加合计行,方法依赖jQuery,方法中使用到的JQ是jQuery中的$方法的别名
jQuery验证文本框内容不为空 通过$.fn 扩展jQuery方法 /** * 校验文本是否为空 * tips:提示信息 * 使用方法:$("#id").validate("提示文本"); * @itmyhome */ $.fn.validate = function(tips){ if
CSS之jQuery删除指定行
jquery textarea插入gif动态QQ表情图片表单提交 jquery textarea插入gif动态QQ表情图片表单提交
Jquery文本框插入表情插件
Jquery节点插入、复制和替换方法总结
离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this....
jQuery评论框插入表情图片代码,一款简单实用的点击图标弹出QQ表情包选择插入表情到评论输入框代码。
jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能。 比如当文本框获取鼠标焦点的时候,默认值会被清空,当文本框没有输入内容,鼠标焦点离开的时候,又会...
网上下载的源码area.js,但是不能设置默认值。自己修改了一下。 InitArea("天津市", "天津市", "河西区");
Jquery内容插入光标处插件,供大家一起共同分享学习。
jquery动态添加删除行 点击按钮动态添加行或动态删除行代码 删除后序号重新排列
JQuery对表格行的添加删除,如添加一行,删除一行
jquery添加删除行
主要介绍了jQuery如何隐藏和显示 input 默认值,需要的朋友可以参考下
由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>input默认值设置</...