顯示/添加<tr>的動態

Question

我有這樣的代碼：

<table id="SomeTable"> 
<tr> 
    <td>Rows:</td> 
    <td><select name="Rows" id="Rows"> 
         <option value="1">1</option> 
         <option value="2">2</option> 
         <option value="3">3</option> 
         <option value="4">4</option> 
         <option value="5">5</option> 
        </select></td> 
</tr> 
<tr> 
    <td>#1</td> 
    <td><input type="text"></td> 
</tr> 
...... 
<tr> 
    <td>#5</td> 
    <td><input type="text"></td> 
</tr></table> 

是否有可能以某種方式動態顯示中行的droplist選擇的號碼？並使用JQuery在第一行或每一行添加當前數字？

哪種方法最好解決這個問題？是否有可能在刪除/添加時爲那些tr創建動畫？

/M

Answer 1

可以使用:gt()選擇，就像這樣：

$("#Rows").change(function() { 
    $("#SomeTable tr").show().filter(":gt(" + $(this).val() + ")").hide(); 
}); 

這是一個從零開始的索引，但因爲你有一個額外的行了頂部下拉本身，這個工程出完美的。另一個稍微清潔的替代是.slice()，像這樣：

$("#Rows").change(function() { 
    $("#SomeTable tr").show().slice(parseInt($(this).val(), 10)).hide(); 
}); 

對於動畫，你可以做一些褪色，但在特定的動畫表行是在IE討厭，我會遠離它。

Answer 2

$('#Rows').change(function() { 
    alert($(this).val()); 
}); 

我不知道你的意思，你想基於該選擇框的值加元的n個數？