通过将值写入标记,可以将值从javascript传递给html.但是,如果我希望将用户定义的值(等,由查看网页的人输入)传递给java脚本,以便我可以用它做什么,那么最简单的方法是什么?

目前,我有这样的事情:

如何将表单中的值传递给我的javascript?

或者,我是否朝着完全错误的方向前进?如果是这样,获取用户输入的正确方法是什么,并将其传递给javascript?

编辑:对我滥用术语表示歉意.我正在制作一个基于文本的冒险游戏,我希望用户能够输入一个响应,按回车键,然后将响应发送到javascript,这样我就可以使用javascript来评估响应(等“go south” ,“去北方”),并用新的情况写回元素(等“当你往南方时,你找到了一个巨魔”).

解决方法:

您可以阻止表单提交并获取值:

HTML:

JavaScript的:

function getValue (id) {

text = document.getElementById(id).value; //value of the text input

alert(text);

return false;

}

如果您想在之后清除该框,请使用:

document.getElementById(id).value = '';

像这样:

function getValue (id) {

text = document.getElementById(id).value; //value of the text input

alert(text);

document.getElementById(id).value = '';

return false;

}

标签:html,javascript

来源: https://codeday.me/bug/20190728/1563425.html

html表单传值,如何将用户输入的表单值从html传递给javascript?相关推荐

  1. php表单传值哪几种方式,PHP表单传值的方式有哪些?

    本篇文章主要给大家介绍PHP表单传值的两种方式,一种是通过$_GET变量 .另一种是通过$_POST变量.(相关推荐:<PHP教程>) 下面我们就结合具体的PHP代码示例给大家介绍,PHP ...

  2. html表单文本框怎么输出函数值,如何获取用户输入的html文本表单字段传递给javascript函数的值?...

    我想通过生成用户必须输入到文本输入表单字段的随机数创建我自己的反垃圾邮件过滤器,如果它是正确的,他们进入下一页,如果不是,则显示错误数字输入不正确.如何获取用户输入的html文本表单字段传递给java ...

  3. Html利用函数输入学生的性别,JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)...

    JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证) 发布时间:2020-10-08 04:15:08 来源:脚本之家 阅读:73 作者:水山奇 问题:表单怎么在输入后 ...

  4. 【web结课大作业】创建一个注册页面并引用正则表达式,点击注册按钮后可以弹窗显示刚刚注册输入的信息(表单传值)

    这个代码有借鉴其它博主的部分,借鉴了别的博主的css样式和框架(嘻嘻算是站在巨人的肩膀上),内容自己改了七七八八.参考博文如下(这个原博文只能实现正则判断,没有表单传值功能): HTML--登录.注册 ...

  5. 一、PHP基础——表单传值、上传文件

    表单传值 概念: 表单传值即浏览器通过表单元素将用户的选择或者输入的数据提交给后台服务器语言. 为什么使用表单传值? 动态网站(Web2.0)的特点就是后台根据用户的需求定制数据,所谓的"需 ...

  6. 在php中表单传值怎么用,PHP学习笔记 01 之表单传值

    一.HTML传值/PHP接收方法 1.GET(地址栏+问号+数据信息) (1)方式一:表单Form: method = 'get' GET接收数据方式: $_GET['表单元素name对应的值] (2 ...

  7. Struts2之前台表单传值到后台Action方法总结

    在正式讲解之前,先交代一下项目版本,Struts2的版本是struts-2.3.30稳定版本,至于如何快速搭建以及正确的选择Struts2必要的Jar文件,以struts-2.3.30为例,首先建议大 ...

  8. 表单验证设计的用户体验基本原则

    转自:http://www.oschina.net/translate/ux-form-validation?from=20130331 英文原文:The Ultimate UX Design of ...

  9. Element UI进行表单校验的时候,输入正确内容后,还有提示问题

    问题:表单中输入正确的内容后,还提示请输入内容 部分代码如下: // 表单 <el-dialog title="添加用户" :visible.sync="dialo ...

最新文章

  1. 光流 | MATLAB实现 Brox Optical Flow(代码类)
  2. 任何傅里叶级数展开和卷积可以参考一下页面
  3. c# mysql 封装_C#简单通用的数据库连接封装
  4. 中python执行shell_IPython,在探索中学习编程
  5. Springboot 整合 Netty 实战(附源码)
  6. RecycleView的Item Decoration间隔样式
  7. Per-class allocator 1
  8. EasyVS -- 快速整理region的Visual Studio扩展
  9. python3 print
  10. EntityFramework Codefirst Select 查询指定列
  11. ArrayList源码详解篇
  12. 33. 把数组排成最小的数(C++版本)
  13. 音标对照表—kk,88
  14. jquery gotop插件
  15. 2021iGEM感想
  16. unity软粒子softparticle仿真实现
  17. 小程序开发API之监听加速计wx.startAccelerometer
  18. 01. 利用正则表达式提取文章中的所有英文单词
  19. myeclipse安装pydev实现python开发
  20. 海尔电视显示连接不上服务器,海尔电视怎么连接手机

热门文章

  1. 数据结构-王道2017-第5章 图
  2. C++ Primer 学习笔记_72_面向对象编程 --句柄类与继承[续]
  3. linux——线程通信(2)
  4. 第一章 计算机网络 6 OSI参考模型 [计算机网络笔记]
  5. stm32l0的停止模式怎么唤醒_手把手教你怎么利用旧电脑搭建NAS组建自己的黑群晖...
  6. java的add方法的使用_Java HashSet add()方法与示例
  7. 合泰单片机做电压表_启士 | 蓝桥杯零基础单片机教程9 I2C介绍(上)
  8. pytorch的nn.CrossEntropyLoss()函数使用方法
  9. python matplotlib画图是设置线宽
  10. PyTorch框架学习十三——优化器