Tengo un menú desplegable como se muestra a continuación. Necesito resumir los valores de todos los menús desplegables que tienen un nombre específico como se indica.

 jQuery(function () { $('select').change(function(){ var sum = 0; $('select :selected').each(function() { sum += Number($(this).val()); }); $("#sum").html(sum); }); });

 <h6>Nunber <a id="sum">0</a></h6>

 <div class="form-group mb-2"> <label>Select Repetition</label> <br> <select id="ddlViewBy" name="repetition[]" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div>

Usando el código a continuación, puedo duplicar el menú desplegable de arriba en tantos menús desplegables como necesite.

 <script> $(document).ready(function(){ $(document).on('click', '.remove-btn', function() { $(this).closest('.main-form').remove(); }); $(document).on("click", ".add-more-form", function() { $('.paste-new-forms').append(' <label>Select Repetition</label> <br>\ <select id="ddlViewBy" name="repetition[]">\ <option value="1">1</option>\ <option value="2">2</option>\ <option value="3">3</option>\ <option value="4">4</option>\ <option value="5">5</option>\ </select>\ <button onClick="onUnClick()" type="button" class="btn-danger">X</button>\ '); }); }); </script>

Problema: el código parece sumar todo, incluidos los valores de otros menús desplegables en mi formulario. Estoy interesado en los menús desplegables con el nombre repetition[] solamente.