Preview:
// Obtener todos los elementos <select> en la página
var selects = document.querySelectorAll("select");

// Crear una variable para almacenar la suma
var sum = 0;

// Iterar sobre los elementos <select>
for (var i = 0; i < selects.length; i++) {
  // Obtener el valor seleccionado actualmente
  var value = selects[i].value;

  // Convertir el valor a un número y sumarlo a la variable de suma
  sum += Number(value);
}

// Mostrar la suma final en la consola
console.log("Total: " + sum);
En este código, se obtienen todos los elementos <select> en la página mediante document.querySelectorAll(). Luego, se itera sobre los elementos <select> y se suman sus valores seleccionados en una variable. Finalmente, se muestra el valor de la suma en la consola.




downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter