如何从表单中的列表框计算合计

<select id="listbox">
  <option value="10" data-value="5">选项1</option>
  <option value="20" data-value="8">选项2</option>
  <option value="30" data-value="12">选项3</option>
  <option value="40" data-value="6">选项4</option>
</select>

const listbox = document.getElementById('listbox');

listbox.addEventListener('change', function() {
  let total = 0;
  
  // 遍历所有选中的选项
  for (let option of listbox.selectedOptions) {
    // 获取选项的数值并累加到合计值中
    const value = parseInt(option.dataset.value);
    total += value;
  }
  
  // 显示合计值
  console.log('合计值：' + total);
});