Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

216
Visualizações
Handlebars is failing to render identical templates

I'm using Handlebars.js to render two templates, both completely identical bar a different ID. The first render is not functional (No list rendered) but the second renders perfectly. What could explain this? HTML:

          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <label class="input-group-text" for="inputGroupSelect01">Src</label>
            </div>
            <select class="custom-select" id="inputGroupSelect01" onChange="takeSelectedSourceValue(this);">
              <option id="source-language" value="" selected disabled>Auto</option>
            </select>
          
            <script type="text/handlebar-template" id="selectPersonTemplate">
              {{#each people}}
                <option value="{{valueLang}}">{{htmlLang}}</option>
              {{/each}}
            </script>
            </select>
          </div>
          
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <label class="input-group-text" for="inputGroupSelect01">Src</label>
              </div>
              <select class="custom-select" id="inputGroupSelect02" onChange="takeSelectedSourceValue(this);">
                <option id="source-language" value="" selected disabled>Auto</option>
              </select>
            
              <script type="text/handlebar-template" id="selectPersonTemplate">
                  {{#each people}}
                    <option value="{{valueLang}}">{{htmlLang}}</option>
                  {{/each}}
                </script>
              </select>
            </div>
              

JS:

$(function () {
  var people = [
    { valueLang: 'DE', htmlLang: 'DE' },
    { valueLang: 'FR', htmlLang: 'FR' },
    { valueLang: 'IT', htmlLang: 'IT' },
    { valueLang: 'ES', htmlLang: 'ES' },
    { valueLang: 'SV', htmlLang: 'SV' },
    { valueLang: 'DA', htmlLang: 'DA' }
  ];
  
  var templateText = $("#selectPersonTemplate").html();
  
  var selectPersonTemplate = Handlebars.compile(templateText);
  
  var html = selectPersonTemplate({ people: people });
  
  $("#inputGroupSelect01").html(html);
  $("#inputGroupSelect02").html(html);
});
  
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda