Django файл отображает содержимое базы данных вне выпадающего меню
У меня есть страница удаления сотрудника в моем Django проекте, где я получаю все имена сотрудников в выпадающем меню из базы данных. основная проблема в том, что когда я запускаю код, содержимое, которое должно быть показано внутри выпадающего меню, показывается снаружи. код выглядит следующим образом:
''' {% extends 'app/base.html' %}
{% block para %}
<title>delete employee</title>
<body style="background-color:powderblue;"></body>
<style type="text/css">
label{
width: 200px;
display: inline-block;
margin: 4px;
text-align: left;
font-weight:bold;
}
input{
width: 200px;
display: inline-block;
margin: 4px;
text-align: left;
border-radius: 10px;
}
select{
width: 200px;
display: inline-block;
margin: 4px;
text-align: left;
border-radius: 10px;
}
form{
border-radius: 10px;
background: rgb(155, 206, 219) ;
color: white;
width: 450px;
padding: 4px;
margin:auto;
}
</style>
<form action="" >
<h3 class="text-center text-uppercase"style="color:black; font-weight:bold">delete-employee</h3>
{% csrf_token %}
<label for="" class="text-uppercase">select:</label>
{% for emp in emps %}
<option value="ceo" class="text-uppercase">{{emp.name}}</option>
{% endfor %}
<select name="designation" id="designation">
<option value="associates" selected class="text-uppercase">name</option>
</select><br><br>
<div class="container">
<input type="submit" value="submit" class="text-uppercase text-center">
</div>
</form>
</div>
{% endblock para %}'''
Ваши параметры должны находиться внутри тега select, как показано ниже:
<select name="designation" id="designation">
{% for emp in emps %}
<option value="ceo" class="text-uppercase">{{emp.name}}</option>
{% endfor %}
</select>