所以我有一个问题,我想将非常基本的用户输入传递给javascript函数,以便javascript处理信息,我真的只是想传递字符串,但是我只想学习这个概念。以下是我将如何(思考)您要执行的操作,但是它不起作用,我不确定为什么。有人可以告诉我如何简单而正确地执行此操作。
<body>
<form id="frm1">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br><br>
<input type="button" onclick="myFunction(fname, lname)" value="Submit">
</form>
<script>
function myFunction(fname, lname) {
console.log(fname);
console.log(lname);
}
</script>
</body>
这是一种可能有用的替代方法:
您可以在此链接中查看以下正在运行的代码的一部分:https : //jsfiddle.net/m85yLoca/
<html>
<head></head>
<body>
<form id="frm1">
First name: <input type="text" name="fname" id="fname"><br>
Last name: <input type="text" name="lname" id="lname"><br><br>
<input type="button" onclick="myFunction()" value="Submit">
</form>
<script>
function myFunction() {
let fname = document.querySelector('#fname').value;
let lname = document.querySelector('#lname').value;
console.log(fname);
console.log(lname);
}
</script>
</body>
我确保id=""
为fname
和lname
表单输入添加设置。这可以帮助我们单独指定要访问的输入以供以后使用。
该方法用于document.querySelector()
查明您要访问的表单输入。我通过行尾的.value
部分获得输入的值,document.querySelector()
然后将它们分配给各个变量fname
和lname
。
然后,您可以访问函数中的个人fname
和lname
变量。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句