读书人

剔除插入行-没有默认值

发布时间: 2012-11-23 22:54:33 作者: rapoo

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

<!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 style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/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> 

?

读书人网 >Web前端

热点推荐