Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Выбрать елементы списков и отправить аяксом (https://javascript.ru/forum/events/70369-vybrat-elementy-spiskov-i-otpravit-ayaksom.html)

rosolovsky 31.08.2017 16:11

Выбрать елементы списков и отправить аяксом
 
Здравствуйте.
Есть три маркированных списка <ul></ul> в каждом по 10 елементов.
В содержимом элементов цифры. В каждом списке при клике на любом элементе надо его выбрать и содержимое отправить аяксом на сервер. То есть по одному выбранному значению из каждого списка. Отправка выбранных значений по клику на кнопке.
Как бы это оптимально сделать?

ksa 31.08.2017 16:29

Цитата:

Сообщение от rosolovsky
Как бы это оптимально сделать?

Достаточно отправить массив из трех элементов... Каждый элемент массива это представитель группы...

Если в группе можно выбирать по несколько элементов - можно сформировать массив из трех элементов, каждый элемент которого сам является массивом... Подмассив это выбранные элементы списка.

rosolovsky 31.08.2017 16:44

Ну а массив формировать перед самой отправкой формы?

rosolovsky 01.09.2017 08:06

Вроде так, с тремя списками.
<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>

ksa 01.09.2017 08:24

Цитата:

Сообщение от rosolovsky
а массив формировать перед самой отправкой формы?

Разумеется. :yes:
Нажмут кнопку отправки... Сформируешь массив и отправишь.


Часовой пояс GMT +3, время: 14:33.