Question

我正在尝试获取文本值，由用户输入，传递到javascript变量并存储它，以便在进一步输入后可以在数学函数中使用它。在此之前，我需要将输入存储为变量。输入字段ID为Numb1，按下提交后，我认为值输入通过document.getElementbyID（）传递给assignVar函数中的firstNumb var。

当我输入一个数字时，按提交并使用chrome中的控制台查看firstNumb是什么我得到一个未被捕获的引用错误，说明firstNumb未定义。

我在哪里错了？

这是我的表单/输入和脚本代码

hero: {
  type: characterInterface,
  args: {
    episode: {
      description: 'If omitted, returns the hero of the whole saga. If ' +
                   'provided, returns the hero of that particular episode.',
      type: episodeEnum
    }
  },
  resolve: (root, { episode }) => getHero(episode),
},

感谢您的帮助

Answer 1

首先，它是<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h3>Select your favorite sports:</h3> <label> <input type="checkbox" value="football" name="sport">Football</label> <label> <input type="checkbox" value="baseball" name="sport">Baseball</label> <label> <input type="checkbox" value="cricket" name="sport">Cricket</label> <label> <input type="checkbox" value="boxing" name="sport">Boxing</label> <label> <input type="checkbox" value="racing" name="sport">Racing</label> <label> <input type="checkbox" value="swimming" name="sport">Swimming</label> <br> <button type="button">Get Values</button> </form>，而不是Id（这就是您收到错误的原因）。

其次，你将获得元素本身，同时获得它的价值：

ID

另外，如果您想将其转换为数字，请将var firstNumb = document.getElementById("Numb1").value;放在+之前：

document...

工作示例：

var firstNumb = +document.getElementById("Numb1").value;

将数据从HTML输入文本元素传递到javascript变量

1 个答案: