У меня есть страница, где пользователь может выбирать людей для добавления в свою команду. Одна сторона страницы - это список людей, которых нужно выбрать. Когда пользователь нажимает кнопку Добавить в группу, он переходит к правой стороне, где у нас есть список выбранных людей.
Я не понимаю, как я могу получить данные по выбранной стороне из представления в django ..
Например слева:
<div class="card-body" id="team-list">
<p class="card-text">Select today's teammates:</p>
<ul class="list-group list-group-flush">
{% for tech in techs %}
<li class="list-group-item">
<span class="name" name="{{tech.id}}">{{tech.name}}</span>
<span class="move" style="float: right;">Add to the team</span>
</li>
{% endfor %}
и справа:
<div class="card-body" id="selected-list">
<h3 class="title">You have selected the following teammates for today: </h3>
<ul class="list-group list-group-flush" style="list-style-type: none;">
</ul>
</div>
Клик обрабатывается небольшим js кликом Событие, подобное этому:
var selected = document.querySelector('#selected-list ul');
var team = document.querySelector('#team-list ul');
function clickHandlerTeam(e){
if(e.target.classList.contains('move')){
if (e.target.textContent == 'Add to the team'){
console.log('changing add');
e.target.textContent ='Remove from the team';
selected.appendChild(e.target.parentNode);
} else {
console.log('changing remove');
e.target.textContent = 'Add to the team';
team.appendChild(e.target.parentNode);
}
console.log('****************');
}
return;
}
Спасибо за вашу помощь