将表单数据传递给javascript

ctdgunner

所以我有一个问题,我想将非常基本的用户输入传递给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=""fnamelname表单输入添加设置这可以帮助我们单独指定要访问的输入以供以后使用。

该方法用于document.querySelector()查明您要访问的表单输入。我通过行尾的.value部分获得输入的值,document.querySelector()然后将它们分配给各个变量fnamelname

然后,您可以访问函数中的个人fnamelname变量。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

通过Django将Python数据传递给JavaScript

将表单数据传递给父类

将IEnumerable传递给视图以生成表单,然后将表单数据传递回控制器

如何将表单数据传递给ViewModel属性?

无法使用getElementById将表单数据传递给SQLite

将表单数据传递到确认视图

将多个表单数据传递给jquery函数

使用Extjs将表单数据传递到servlet

将查询字符串数据传递给表单

使用HTML表单将数据传递给Javascript代码

将表单数据传递给php变量。变量似乎为空

使用Ajax将表单数据传递给PHP的问题

HTML标签控件不会将表单数据传递给控制器

我可以将HTML表单数据传递给PHP并让PHP将数据“发布”吗?

将数据传递给javascript图表

如何将表单数据传递给另一个页面和数据库?

如何将 Bootstrap Modal 表单数据传递给 Spring Boot 控制器

无法将表单数据传递给 PHP 以更新数据库

我们可以一次将表单数据传递给 angular http 请求吗

PHP:将表单数据传递给第三个文件而不在第二个文件中更改它

加载失败后将数据传递给 javascript 文件

Ajax 表单数据传递

将表单数据传递给视图

将表单数据传递给 JSP 而不传递给服务器

react-hook-form - 无法将表单数据传递给父组件

使用 WordPress 将表单数据传递给 API 自定义路由

如何将表单数据传递给控制器

将表单数据传递给芹菜任务

使用 Axios 将 Vue.js 表单数据传递给 Nodemailer 脚本