Выбрать елементы списков и отправить аяксом
Здравствуйте.
Есть три маркированных списка <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, время: 04:35. |