删除，插入行--没有默认值

xiaojin21cen

浏览: 97113 次
性别:
来自: 北京

最近访客更多访客>>

liukp981

arthorwei

loadsave

heyongkui

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery JavaScript HTML XHTML

<!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;//  必须保留，不能删除掉，对应的默认的select 选项     =$("#bb").remove();
        var $cc=$("#cc").remove();
        var $dd=$("#dd").remove();
        var va;

         $("#yy").change(function(){
             if(this.value=="bb"){
                $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"){
                    $bb=$("#bb").remove();
                }else if(va=="dd"){
                    $dd=$("#dd").remove();
                }              
             }else if(this.value=="dd"){
                if(va=="bb"){
                    $bb=$("#bb").remove();
                }else if(va=="cc"){
                    $cc=$("#cc").remove();
                }
               $dd.appendTo("#aa");
             }             
         })   
          $("#yy").click(function(){
             va=this.value;   
         })   


  });
  </script>
</head>
<body>
	<select id="yy">        
        <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>

分享到：