<table id="tab" border="2">
<tbody>
<tr> <td>aaa</td><td>aaa</td></tr>
<tr> <td>bbb</td><td>bbb</td></tr>
<tr> <td><select id="sel">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select></td><td>ccc</td></tr>
<tr> <td>xxx</td><td>xxx</td></tr>
<tr> <td>yyy</td><td>yyy</td></tr>
<tr> <td>zzz</td><td>zzzz</td></tr>
</tbody>
</table>
$("#sel").change(function(){
if($(this).val() == 'three'){
$('#tab').append('<tr><td>new</td><td>new</td></tr>');
}
});
LIVE:http://jsfiddle.net/jSMBZ/4/添加和删除TR
我怎么能修改此脚本,这样如果我选择three
,我添加了一个新的<tr>
表。如果我选择one
或two
,那么我需要删除这个新的<tr>
(如果存在)。
编辑:我更新了我的例子
你在这里问?如果我理解你的问题,那么当你选择'three'选项时,你想要添加一个特定的新行,但是当选择'one'或'two'时删除该行? – Tejs