Добавить выбранные элементы из gridview в список, используя Javascript

Question

У меня есть несколько видов сетки с флажком. Я хочу, чтобы выбранные элементы в сетке отображались в отдельном списке. Пожалуйста, предложите мне библиотеку JavaScript, которая может быть полезна. Пример, как показано ниже: Пожалуйста, смотрите рис

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

Answer 1

Вы можете сделать это с помощью метода DOM cloneNode, но с помощью 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