У меня проблемы с отображением "{{specie}}"
во втором выпадающем меню, и меню остается пустым. Это только первое раскрывающееся меню, которое заполняется.
Часть моего текущего файла listfishes.hbs:
{{#each fishlist.fishes}}
<div class="ui card">
<div class="image">
<img src="{{picture}}">
</div>
<div class="content">
<form class = "ui form" action="/fishlist/{{../fishlist.id}}/updatefish/{{id}}" method="POST">
<div class="ui ui center aligned middle aligned container">
<select name="specie" id="specie-select" style="width: 200px" class="ui search selection dropdown" required value = "{{specie}}">
<option value="{{specie}}"></option>
<option value="Atlantic cod">Atlantic cod</option>
<option value="Salmon">Salmon</option>
<option value="Trout">Trout</option>
<option value="Mackerel">Mackerel</option>
<option value="Carp">Carp</option>
<option value="Haddock">Haddock</option>
<option value="Swordfish">Swordfish</option>
</select>
</div>
<script>
$('ui search selection dropdown').dropdown();
</script>
...
{{/each}}
Страница отображается так, как на прикрепленном рисунке: https://i.stack.imgur.com/AApkd.jpg
Можно ли как-то решить эту проблему, не требуя значительных изменений в коде?