如何将数据从HTML表单传输到JavaScript函数
How to transfer data from an HTML form to a JavaScript function?
我正在尝试制作一个表单,它接受用户的值,然后将这些值传递给同一文件中的JS函数进行一些计算。我现在正试图将这些值打印到控制台,但我一直收到错误"Object #<HTMLDocument> has no method 'getElementByID'"
。这是代码:
<!DOCTYPE html>
<html>
<body>
<form action="javascript:formHandler();" method="get">
<h1 align="center">Set the parameters you would like to visualize</h1>
Center Frequency: <input type="text" name="cf" id="cf"><br>
Bandwidth: <input type="text" name="bw" id="bw"><br>
Number of Bins: <input type="text" name="bins" id="bins"><br>
Number of Values to be Visualized: <input type="text" name="values" id="values"><br>
<input type="submit" value="Submit">
</form>
<script>
function formHandler()
{
console.log(document.getElementByID("cf")); // This is where I'm getting the error
}
</script>
</body>
</html>
您的document.getElementByID
末尾应该有一个小写d,您还应该添加.value,就像一样
document.getElementById("id").value
以获取正在传递或键入的的值
有一个打字错误。它应该是getElementById
而不是getElementByID
。
您可以将值打印到控制台,如下所示:
console.log(document.getElementById("cf").value);
如果你喜欢这个会更好
<form action='somepage.html' OnSubmit="return formHandler();" method="get">
<h1 align="center">Set the parameters you would like to visualize</h1>
Center Frequency: <input type="text" name="cf" id="cf"><br>
Bandwidth: <input type="text" name="bw" id="bw"><br>
Number of Bins: <input type="text" name="bins" id="bins"><br>
Number of Values to be Visualized: <input type="text" name="values" id="values"><br>
<input type="submit" value="Submit">
</form>
<script type='text/javascript'>
function formHandler()
{
console.log(document.getElementById("cf").value);
return true;
}
</script>
相关文章:
- 在SoundCloud中,使用JavaScript SDK流式传输曲目是否会增加该曲目的playback_count
- 使用JavaScript在网页之间进行数据传输
- 如何使用jquery将数据从PHP传输到Javascript
- 使用javascript asp.net将listbox数据传输到另一个listbox
- Python Javascript哈希库,以确保JSON对象在传输过程中不会损坏
- 将关联的值从弹出窗口传输到父窗口 JSP/Javascript
- 将数据从视图传输到javascript的最佳方式
- 将数据从MySQL传输到javascript
- 使用 ajax 将 JavaScript 数据传输到 PHP
- 如何用javascript将变量传输到外部js文件
- CSSHttpRequest-javascript无法传输
- 如何在没有web服务器的情况下将变量数据从Python传输到Javascript
- 如何使用Javascript/jQuery将GET值从URL从PAGE1传输到JSON Web服务
- 传输选定的表's行(javascript DataTables)到服务器
- 将javascript变量传输到插件函数(异步URL)
- 使用 JavaScript 通过网页传输数据
- 从JavaScript应用程序到Rails服务器的数据传输
- 将位图从Flash电影传输到Javascript
- 如何在网站之间传输javascript数据
- 如何正确传输Javascript代码