使用Javascript將選定的項目從gridview添加到列表中

Question

我有幾個GridView與複選框。我希望gridview中的選定項目被填充到單獨的列表中。請給我建議一個可用的JavaScript庫。 示例如下：請參閱PIC

http://i46.tinypic.com/2ibnar5.jpg

Answer 1

您可以通過使用cloneNode DOM方法做到這一點，但使用jQuery變得輕鬆了許多。未經測試的概念代碼：

<script type="text/javascript" src="jquery-1.4.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("input:checkbox").click(function() { 
     if($(this).is(':checked')) { 
      var $item = $("<li id=\"copy_" + $(this).attr("id") + "\">"); 
      $item.text($(this).parent().text()); 
      $("#selectedList").append($item); 
     } 
     else { 
      $("#copy_" + $(this).attr("id"), "#selectedList").remove(); 
     } 
    }); 
}); 
</script> 

而在你的HTML：

<ul id="itemList"> 
    <li><input type="checkbox" id="one" />one</li> 
    <li><input type="checkbox" id="two" />two</li> 
</ul> 
<ul id="selectedList"></ul> 

HTH，

JS