Выбрать елементы списков и отправить аяксом
Здравствуйте.
Есть три маркированных списка <ul></ul> в каждом по 10 елементов. В содержимом элементов цифры. В каждом списке при клике на любом элементе надо его выбрать и содержимое отправить аяксом на сервер. То есть по одному выбранному значению из каждого списка. Отправка выбранных значений по клику на кнопке. Как бы это оптимально сделать? |
Цитата:
Если в группе можно выбирать по несколько элементов - можно сформировать массив из трех элементов, каждый элемент которого сам является массивом... Подмассив это выбранные элементы списка. |
Ну а массив формировать перед самой отправкой формы?
|
Вроде так, с тремя списками.
<script> $(document).ready(function() { $("#list1 li").click(function(){ $("#list1 li").removeClass("selected"); $(this).addClass("selected"); }); $("#list2 li").click(function(){ $("#list2 li").removeClass("selected"); $(this).addClass("selected"); }); $("#list3 li").click(function(){ $("#list3 li").removeClass("selected"); $(this).addClass("selected"); }); $("button").click(function(){ var elem = $(".selected"); var arr = []; elem.each(function(){ arr.push($(this).text()); }); $.post("test.php", arr); }); }); </script> |
Цитата:
Нажмут кнопку отправки... Сформируешь массив и отправишь. |
Часовой пояс GMT +3, время: 14:33. |