求助：无法通过HTML Select修改JavaScript变量值

核心问题 #

• 你把BRICK_ROWS直接赋值为DOM元素，而非用来存储选中值的变量
• onchange事件里调用BRICK_ROWS()，但它是元素对象不是函数，会直接触发报错

修正后的代码示例 #

HTML部分 #

<select id='nivel' onchange='updateBrickRows()'>
  <option value="1">easy</option>
  <option value="2">medium</option>
  <option value="3">hard</option>
</select>

JavaScript部分 #

// 初始化存储砖行数的变量，默认选easy对应的值
let BRICK_ROWS = 1;

// 定义select变化时的处理函数
function updateBrickRows() {
  const selectElement = document.getElementById('nivel');
  // 将选中的字符串值转为数字，赋值给变量
  BRICK_ROWS = Number(selectElement.value);
  // 可添加后续逻辑，比如打印验证
  console.log('当前砖行数:', BRICK_ROWS);
}

关键说明 #

• 存储值的变量和DOM元素要分开，避免混用
• onchange绑定专门的处理函数，在函数内完成「获取选中值-更新变量」的流程
• 用Number()把select的字符串类型value转为数字，方便后续数值类操作

内容的提问来源于stack exchange，提问作者mightfloat