Как я могу заполнить несколько выпадающих меню при использовании помощника handlebars {{#each}}? - PullRequest
0 голосов
/ 21 апреля 2020

У меня проблемы с отображением "{{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

Можно ли как-то решить эту проблему, не требуя значительных изменений в коде?

...