Дублирующее значение в раскрывающемся списке

Question

Я создаю простое приложение для создания списка. 1 таблица с описанием и 1 статусом ', где каждый элемент может быть либо неполным, либо полным.

У меня есть следующий в моем шаблоне HTML:

<h1> To do list </h1><br> 
{% if itemlist %} 
    {% for desc in itemlist %} 
     <li>{{desc}}<select> 
         {% for status in statuslist %} 
         <option value="{{status.id}}">{{status}}</option> 
         {% endfor %} 
         <option selected>{{desc.status}}</option> 

        </select> 
     </li> 
    {% endfor %} 
{% else %} 
    <p> No Items Found </p> 
{% endif %} 

Моей проблемы заключается в заполнении выпадающего списка с обоими значениями и автоматически показывающее значение, содержащимся в базе данных. С моим текущим кодом значение, которое проводится показывается правильно, но он дублируется в выпадающем списке, так что показывает либо:

'incomplete' 
'complete' 
'incomplete' 

или

'incomplete' 
'complete' 
'complete' 

вместо

'incomplete' 
'complete' 

Я попытался добавить selected="{{desc.status}}" в тег <option>, но он заполняет каждый элемент значением первого. Как изменить это, чтобы отразить то, что я хочу видеть?

Answer 1

Попробуйте следующий код:

<h1> To do list </h1><br> 
{% if itemlist %} 
    {% for desc in itemlist %} 
     <li>{{desc}}<select> 
         {% for status in statuslist %} 
          {% if status==desc.status %} 
           <option value="{{status.id}}" selected>{{status}}</option> 
          {% else %} 
           <option value="{{status.id}}">{{status}}</option> 
          {% endif %} 
         {% endfor %} 
        </select> 
     </li> 
    {% endfor %} 
{% else %} 
    <p> No Items Found </p> 
{% endif %}