Есть форма.
На ней есть "поле" для выставления рейтинга.
Выглядит она так.
<div class="dynamic-rating">
<li class="c-rating__item is-active" data-index="0"></li>
<li class="c-rating__item is-active" data-index="1"></li>
<li class="c-rating__item is-active" data-index="2"></li>
<li class="c-rating__item" data-index="3"></li>
<li class="c-rating__item" data-index="4"></li>
</div>
Вот незадача, а как передать в суперглобальный массив POST данные о том сколько звездочек выбрал пользователь?
Ведь верстальщик сделал чтобы при выборе того или иного рейтинга добавлялся класс
is-active
Как на примере, например выбрано 3 звезды.
Есть в голове одна идея, написать скрытый input. Затем с помощью jquery записывать в него значение которое пользователь выбрал, а уже затем значение этого инпута отправляло. Но не знаю можно ли так сделать...
UDP: Сделал так:
$(document).on('ready', function(){
$('.c-rating__item').on('click', function() {
var rating = $('.dynamic-rating .is-active').last().data('index');
$( "input[name='rat']").val(Number(rating)+1);
});
});