Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

217
Vistas
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 la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda