Я пытаюсь отобразить все элементы в моей таблице в поле, чтобы я мог выбрать каждый из них и перейти к другому блоку, но он считывает все элементы как один в строке и не может выбрать по отдельности
HTML
<body style="background-color:#2a3747;">
<div class="row text-center">
<h1 style="color: #c2c1c1;">Selected Commands for Router</h1>
<div class="col-md-3 col-md-offset-2">
{% if devicetypecommands %}
{% for devicetypecommand in devicetypecommands %}
<h5 style="color: #c2c1c1;">Device Type {{ devicetypecommand.devicetypename }}</h5>
<select style="color: #c2c1c1; background-color: #272727;" name="from[]" id="undo_redo" class="form-control"
size="20" multiple="multiple">
<option value="1">{{ devicetypecommand.command|linebreaksbr}}</option>
</select>
{% endfor %}
</div>
{% else %}
<p class="no-devicetypecommands text-primary">No device type commands added yet.</p>
{% endif %}
<div class="col-md-2">
<button type="button" id="undo_redo_rightSelected" class="btn btn-default btn-block box"><i
class="glyphicon glyphicon-chevron-right"></i></button>
</div>
<div class="col-md-3">
<h5 style="color: #c2c1c1;">Device Name <input></input></h5>
<select style="color: #c2c1c1; background-color: #272727;" name="to[]" id="undo_redo_to"
class="form-control" size="20" multiple="multiple"></select>
</div>
<div class="col-md-2">
<button type="button" id="undo_redo_rightAll" class="btn btn-default box1"><i
class="glyphicon glyphicon-play"></i></button>
<button type="button" id="undo_redo_rightSelected" class="btn btn-default box1"><i
class="glyphicon glyphicon-file"></i></button>
<button type="button" id="undo_redo_leftSelected" class="btn btn-default box1"><i
class="glyphicon glyphicon-trash"></i></button>
</div>
</div>
<script language="JavaScript" type="text/javascript" src="{% static 'assets/other/jquery.min.js' %}"></script>
<script language="JavaScript" type="text/javascript" src="{% static 'assets/other/bootstrap.min.js' %}"></script>
<script language="JavaScript" type="text/javascript" src="{% static 'assets/other/multiselect.min.js' %}"></script>
<script>
$(function () {
$('#undo_redo').multiselect();
$('#move_unmove').multiselect();
});
</script>
</body>
модель
class DeviceType(models.Model):
devicetype = models.CharField(max_length=100)
category = models.ForeignKey(
Category, on_delete=models.CASCADE)
def __str__(self):
return self.devicetype
class DeviceTypeCommand(models.Model):
devicetypename = models.ForeignKey(
DeviceType, on_delete=models.CASCADE)
command = models.TextField(max_length=1000)
def __str__(self):
return self.devicetypename
это представление обновления и команда устройства принимает текстовое поле 
это представление таблицы после создания типа устройства со многими командами 
это ошибка, которую я пытаюсь решить вместо чтобы получить все, что мне нужно, чтобы каждый находился в одном поле, чтобы я мог выбрать эту вейл для перемещения в новое поле 