删除,插入行--没有默认值
<!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> ?