选择新下拉选项时如何将number类型输入框的值重置为0并显示

问题原因 #

你当前的代码仅将输入框的数值读取后赋值给了普通变量weight，对该变量的修改只会作用于内存中的变量本身，不会回写到DOM元素上，因此页面输入框不会同步更新显示内容。

修正代码 #

JS部分 #

function inputField() {
  // 先获取输入框DOM元素实例
  const weightInput = document.getElementById("weight");
  // 直接修改元素的value属性，修改会同步渲染到页面
  weightInput.value = 0;
  console.log(weightInput.value);
}

HTML部分无需调整，保持原有内容即可。 #

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