将 HTML 表单输入保存到 Javascript 变量 [重复]

Posted 2023-05-07

【中文标题】将 HTML 表单输入保存到 Javascript 变量 [重复]

【英文标题】：Saving HTML form input to a Javascript variable [duplicate]

【发布时间】：2021-03-03 18:47:43

【问题描述】：

美好的一天。 很抱歉，如果之前有人问过这个问题，但在这种情况下，我不确定要问什么才能得到答案 - 如果是这样，请联系我。 我想做的很简单，获取输入字段的数据，将其分配给javascript中的变量。 请不要使用内联函数，只能从 javascript 动态调用 queryselector。

提前致谢。

【问题讨论】：

不，即使您的解决方案曾经奏效过 - 之后它立即停止工作。而且无论我清除控制台多少次，它都拒绝返回一个空变量。在我添加第二个输入字段并为其分配相同的功能后，它停止工作。几乎工作了 - 不过谢谢！

【参考方案1】：

  const inputField = document.querySelector("#inputId");
  let value = inputField.value;

  console.log("value from input:", value);

  // if you want to update variable dynamically after changing input value
  inputField.addEventListener("keydown", (e) => 
    value = e.target.value;
    console.log("updated value from input:", value);
  );