如何将表单输入值传递给JavaScript函数
要将表单输入值传递给JavaScript函数，您可以使用以下步骤：
- 在HTML表单中添加一个事件监听器，例如
onchange，并将其指向JavaScript函数。 - 在JavaScript函数中，使用
event.target.value获取表单输入的值。
以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<title>表单输入值传递给JavaScript函数</title>
<script>
function handleInputChange(event) {
const inputValue = event.target.value;
console.log('输入的值为：', inputValue);
}
</script>
</head>
<body>
<form>
<label for="inputText">输入文本：</label>
<input type="text" id="inputText" name="inputText" onchange="handleInputChange(event)">
</form>
</body>
</html>在这个示例中，当用户在文本框中输入内容时，handleInputChange函数会被调用，并将输入的值作为参数传递给该函数。函数中使用event.target.value获取输入的值，并将其输出到控制台。
您可以根据需要修改此示例，以适应您的具体需求。
相关·内容
我需要使用javascript代码将一个html页面的值传递给另一个html javascript函数。如何传值。提前感谢
view.cshtml:
b.on('click', function () {
document.location.href = + '?Id=' + sData; // need to pass the value
});
index.cshtml:
function getId(data) { // i need to get the data here
}
浏览 3提问于2013-02-26得票数 0
2回答
我正在使用Formik构建一个用户输入表单。我正在使用withFormik处理我的表单。我目前在我的组件中传递我的handleSubmit，如下所示： export const CreateForm = withFormik({
mapPropsToValues: () => ({
primarySkill: "12"
}),
validationSchema: () => FormSchema,
handleSubmit: (values, { setSubmitting }) => {
setTimeout(() =&g
浏览 17提问于2019-06-24得票数 2
回答已采纳
使用JavaScript我创建了一个超文本标记语言表单"NewForm"，在其中，我将从位于"MianForm“中的JavaScript数组动态填充控件，我如何将该数组从主表单传递到新创建的表单？
浏览 2提问于2011-03-19得票数 0
回答已采纳
2回答
我很困惑。我很想学习如何传递我在异步函数中获得的值。
我有一个具有基本身份验证功能的模块。在登录中，我要求用户模型搜索具有给定用户名的用户。
login: function(req){
var username = req.body.username,
password = req.body.password;
user.find(username);
}
然后，用户模型就会继续这样做。
exports.find = function(username){
console.log(User.find({username: username}, function
浏览 1提问于2013-02-19得票数 1
回答已采纳
1回答
这些是我所犯的错误。
这个问题要求1990年6月30日以后出生的人接受注射。它要求用户输入他/她的id。我说‘文字不匹配格式字符串’时出错了。我不知道如何在plsql函数中返回varchar。这是我的代码：
create or replace function p_immune (ptdob in date)
return varchar2
is sta_imm varchar2(30);
BEGIN
if ptdob > '30th June 1990 ' then sta_imm := 'REQUIRED';
els
浏览 4提问于2022-01-03得票数 0
我在表单#1中得到:输入和选择。在表单#2中，相同的字段和复选框。当我单击复选框时，如何将表单#1的值传递给表单#2？ HTML代码： <mat-form-field>
<input matInput placeholder="Nombre" formControlName="names" required>
<mat-error *ngIf= "f?.names?.errors?.required">
Name field empty or not valid, please check
浏览 16提问于2019-01-24得票数 0
回答已采纳
我以这种方式在我的输入中获得一个值： <input style="width:200px; display:none;" readonly="" type="text" id="abc" placeholder="30.30" value="#{position.layers}"></input> 如果值发生更改，我如何调用JavaScript函数。 function callme() {
alert("ok");
} 如果我自己输入值，该方
浏览 40提问于2019-02-26得票数 1
回答已采纳
1回答
具有多个按钮的窗体
、、、
我有一个带有提交按钮和输入按钮的表单。我想在提交表单时向servlet发送一个参数。
<form action="postValues">
<table>....</table>
<input type="submit" name"event" value="add"/>
<input type="button" name="event" value="refresh" onclick="getValues()
浏览 0提问于2013-04-14得票数 0
回答已采纳
1回答
我计划使用python和mako编程实现服务器的cherrypy。现在我有一个问题，因为我知道如何将Mako模板的值传递给Javascript
<script type="text/javascript">
var contapara=${input_nparams};
</script>
反之亦然？反之亦然，Mako<-JAvascript？
谢谢
编辑：
因为我有一个Mako (kwargs)变量，它包含发送的所有表单的数据。用户输入一个单词，即"clave“，并存储在Javascript中。之后，我传入Mako以在变量(kwarg
浏览 10提问于2012-10-24得票数 2
1回答
我有一个输入类型字段的表单。我有几个无线电按钮，根据我单击的是哪个按钮，输入类型字段中的值将被更新。之后，我将调用Javascript函数来执行某些操作，该函数将在输入字段中使用更新的数量(文本)。
当然，将该数量传递给函数本身更安全，但我是否可以依赖Javascript首先更新DOM，显示更新输入字段值，然后通过document.getElementById("input-quantity").value检索它并在函数中使用它？或者，如果DOM的刷新需要时间，该函数可以得到“旧”值吗？
浏览 4提问于2016-07-22得票数 10
回答已采纳
我正在自学python，我正在尝试创建一个密码生成器。我想要程序做的是，生成一个随机密码并将其保存到文本文件中。我在获取密码以保存到文本文件方面有什么问题。我能够获得一个生成的密码，但是我在text_file file.write( output ) NameError中得到了一个错误代码:虽然我已经定义了输出，但没有定义名称'output‘。如果有人能告诉我我做错了什么，我会很感激的。如果需要更多的信息，请告诉我。谢谢
import random
import string
# Generates a password from random.choice
length = int
浏览 2提问于2020-06-04得票数 0
回答已采纳
我需要循环遍历表单元素并获取输入值。我想通过表单操作而不是监听器调用函数，并获取提交表单的名称。
这是我到目前为止所拥有的。
<form action="javascript:add()" name="form1">
<script language="javascript">
function add(){
console.log(this.name);
}
浏览 3提问于2013-09-13得票数 1
回答已采纳
4回答
因此，我正在尝试为我的计算机科学课构建一个十进制到二进制的转换器。我已经用Python编写了一个算法，看起来运行得很好。它在Javascript控制台中也能很好地工作。我现在正在尝试接受来自HTML表单的输入。我是一个DOM新手，但我原以为这会是一件简单而有趣的事情，但事实证明它比我想象的要复杂得多。我知道如何在React.js中做到这一点，但我正在尝试将其作为一种学习经验。基本上，我希望从表单中获取输入，通过函数运行它，并将函数的返回值返回到HTML中。我知道如何将值转换为HTML，但我不知道如何将表单数据检索到Javascript中。
HTML：
<!DOCTYPE html>
浏览 0提问于2017-01-27得票数 1
2回答
我正在为表单编写一个验证脚本，而不是为每个需要输入的输入设置一个单独的验证函数，我想要创建一个函数，该函数将在表单中的任何输入模糊时触发。
如何将jQuery的this选择器与外部函数关联？这就是我尝试过的：
function inputCheck() {
if ($(this).val() == null || $(this).val() == "") {
$(this).addClass('error');
$(this).next().show();
} else {
$(this).remo
浏览 7提问于2014-09-17得票数 0
回答已采纳
2回答
在我的iOS应用程序中，如何将UITextField中的一些文本物理地放入UIWebView中的表单中？也许可以调用javascript字符串来输入文本？
谢谢!
浏览 1提问于2011-10-21得票数 2
回答已采纳
1回答
我以前在java上工作，我是C语言的新手，我面临着一些问题。
在这里，我不断地从一个源接收数据。在达到count 3之后，我需要将count 1到count 3的所有数据传递给另一个函数。
void check_msg_id( uint8_t *recvdata) {
uint8_t buffer1[3];
cnt=0;
buffer1[cnt]=recvdata;
cnt++;
if (cnt==3) {
cnt=0;
}
}
如何将所有计数的数据传递到缓冲区？任何帮助都将不胜感激。提前感谢
浏览 6提问于2018-12-17得票数 1
回答已采纳
这就是我想要做的：
当HTML被提交时，表单数据被传递给JavaScript进行一些计算，然后表单数据连同( JavaScript计算的)结果被传递给PHP将数据保存到数据库中。
现在，我知道如何将表单数据单独传递给JavaScript (或) PHP。但如何同时将数据传递给两者呢？以及如何将JavaScript数据传递给PHP？
还有，我是不是走错路了？
浏览 6提问于2013-11-09得票数 1
回答已采纳
嗨，我是一个相对的新手。设置一个带有验证码图像生成器的邮件联系人表单。验证码通过验证后，提交表单时，php页面将执行操作，进一步验证输入数据(检查是否为垃圾邮件)。挑战:希望保留表单数据，以防输入的capthca代码出错并需要返回到表单。如果我在表单中使用粘性表单，那么可以使用粘性表单，但是我看不到如何将http定向到php脚本以进行表单数据验证。因此，我认为答案是使用javascript函数来验证验证码，并停留在表单出现的相同页面中，理想情况下只是弹出一条消息(警告...)如果输入的代码是错误的，在发送http到php脚本页面之前。
我已经看到这是可以做到的，但是我不能使代码适应我使用的验证
浏览 1提问于2010-02-25得票数 0
4回答
如果我将隐藏的输入字段添加到表单中：
<input name="cf_person_partner" type="hidden" value="PartnerName" />
将表单托管在带有URL的登陆页上：
如何将合作伙伴值(在本例中为lucid)从URL中提取到隐藏输入字段的值中，使其成为：
<input name="cf_person_partner" type="hidden" value="lucid" />
注意:这个站点是使用Bootstrap托管的，而且
浏览 4提问于2016-10-19得票数 0
回答已采纳
初学者问题，我目前正在学习JS，我正在尝试编写一个函数，它将从一个简单的html表单中获取文本输入。我不知道如何将文本输入传递到函数中。这就是我目前正在尝试的：
<html>
<body>
<script type = "text/javascript">
<!--
var myColor = document.getElementById("textbox").value;
function findColor(){
swit
浏览 2提问于2013-08-14得票数 1
回答已采纳
好的，所以我正在处理一个按钮，点击它将显示来自RESTAPI的信息--所有这些都不需要刷新/重新加载页面。
它将如何工作: HTML调用javascript函数onClick -> javascript调用my并显示来自我API的给定信息。
现在，我的API需要一个“打赌”参数；它是一个整数。用户在HTML输入表单中提供这一点。
<form>
Bet<br>
<input onchange="checkBet" value="0.00001" type="
浏览 2提问于2017-06-03得票数 0
回答已采纳
我正在尝试通过javascript播放器api播放youtube视频，并允许用户在播放期间点击暂停，并获得当前时间(以秒为单位)。我想知道如何在表单输入中显示秒数。我可以使用javascript警告打印出当前时间，但不知道如何将其应用于表单输入。
这是我当前的表单尝试。
<input type="text" id="link" name="link" value="player.getCurrentTime();" onClick="alert(player.getCurrentTime());" /
浏览 1提问于2014-09-09得票数 0
我想知道如何将此函数设置为输入表单'STOCK1‘中的目标文本。
Javascript原样：
function removeBrackets(element) {
document.body.innerHTML = element.replace(/\[[^\]]+\]/g, '__');
}
HTML原样：
<button onclick="javascript:removeBrackets(element)">Remove Brackets and Text Inside Brackets</button>
<inpu
浏览 4提问于2017-02-10得票数 1
回答已采纳
我想打印水晶报表上的值，用户在asp.net网页表单上输入。在我的表单上，我只有几个文本框、单选按钮列表和几个网格视图。我不确定如何将这些值发送到crystal report？我正在使用asp.net 3.5和.Net内置水晶报表。
浏览 2提问于2010-09-01得票数 0
回答已采纳
简单地说，我该怎么做？
<input type="hidden" value="some javascript value" />
我有一个表单，当用户单击添加更多的时，会通过javascript添加更多的输入字段。
我还使用javascript声明的值来跟踪和限制用户可以添加的字段的数量。
我需要一种方法让我的php代码检索这些javascript值。
浏览 1提问于2016-01-21得票数 1
回答已采纳
我试图实现一个文本框，当按下输入键盘，但不会自动提交表单。此文本框位于窗体内：
@Html.TextBoxFor(model => model.ID, new { @class = "form-control
input-sm", placeholder = "Enter Id",
onkeypress = "return fncValidateMemberID(event);" })
这是Javascript代码：
function fncValidateMemberID(e) {
if (e.key
浏览 1提问于2018-03-28得票数 0
回答已采纳
我在sharepoint中遇到了一个奇怪的jQuery问题。我的jQuery代码在网络应用程序中工作得很好，但是当我在网络部件上使用相同的代码时，就会产生问题。
这就是jQuery在网络部件中的问题。我在我的web部件上引用了外部JavaScript文件。
这是我在一个单独的JavaScript文件中的函数。
function CallJS() {
alert($("#txt1")); **// It returns the object**
alert($('#txt1').attr('value')); **// Alway
浏览 1提问于2011-09-29得票数 1
我正在创建一个网站，用户将在该网站中输入一些表单数据，并根据用户给定的表单数据使用python生成一个excel文件，我的python脚本已经完成，但我不知道如何将它连接到前端/ javascript，以便我可以将数据传递给python文件脚本，将excel文件下载给用户，我正在查看django /烧瓶教程，但没有找到任何解决问题的方法，谢谢事先给出的任何答复。
浏览 9提问于2022-01-17得票数 -1
1回答
我正在处理这个动态表单，以创建多个嵌套的子表单，就像ryan bates railscast中的那样，但是我想在输入之前指定嵌套子表单的数量：
这里是ryan的铁路系统中的控制器：
def新
@发票= Invoice.new 5倍{ @invoice.items.build }
结束
因此，我想知道是否可以根据输入表单将嵌套的子级更改为动态乘法：
我在下面尝试过这段代码，但没有成功：
def新
count = params:item_counts --> text_field_tag count.times { @invoice.items.build }的值
结束
以下是您的看
浏览 7提问于2012-02-16得票数 0
回答已采纳
我似乎想不出这件事..我正在尝试使用Javascript选择输入值。问题是表单被循环通过一个php数组，该数组获取eve，该数组使每个表单具有相同的名称，而输入的是名称。javascript只让我获得第一个表单的值。我已经尝试过用[]将表单放入数组中，但是我不能得到它。请帮帮忙。
$find = mysql_query("
SELECT `name`, `desc`, LEFT(`desc`, 80),`price`, `page`, `id`
FROM `bang`
ORDER BY id ASC LIMIT 2 ") or
浏览 0提问于2012-11-07得票数 2
回答已采纳
那么，如何将一个值从一个表单传递到另一个表单呢？例如:用户从列表中选择一个组织，这将打开一个旅行表单，允许用户输入有关该旅行的各种信息。在一个地方，我想添加另一个小弹出表单，他们可以在其中输入他们访问的组织的联系信息(只需POC的姓名和电话)。
因此，当从选择屏幕打开初始表单时，它有两个I，它们只是隐藏在文本框中(一个是tripID，另一个是OrgID)，那么如何将它们传递给第二个小弹出表单，以便联系人信息具有与之相关的I。
谢谢。
浏览 0提问于2009-09-22得票数 10
回答已采纳
1回答
我在VBA中有一个表单和模块。运行宏时，将显示表单(frmQuestions)，将数据输入文本框(txtName)和下拉菜单(lstChoose)。当用户按下命令按钮(cmdEnter)时，如何将txtName和lstChoose中的数据传递给模块？
浏览 8提问于2013-09-26得票数 0
我有一个html表单(下拉列表)，它选择一个国家。“英国”。然后将此值输入到函数中，通过将其与同名的全局变量匹配来显示HTML中的国家类型：
var UK = { country: 'UK', type: 'European' }
function showCountry(arg1){
document.getElementById("country").innerHTML = arg1.type;
}
由于某种原因，上述方法不起作用。显然，使用与全局对象相同的参数名，希望两者能够匹配，这是行不通的。我想知道：
根本原因是什么，
如何
浏览 2提问于2016-05-19得票数 0
回答已采纳
我是JavaScript的新手。我使用ASP.NET在Visual Studio中工作，我有一个简单的表单。我还有一个用于验证表单的JavaScript函数和一个用于重置表单的JavaScript函数。验证和提交工作正常。但是，在提交表单后，我无法使JavaScript重置功能工作。我也尝试过使用常规的HTML输入按钮，但它不起作用。在成功提交之前，它工作得很好，但在成功提交之后就再也不会了。任何帮助都将不胜感激。
function resetForm() {
document.getElementById("accountForm").reset();
}
&l
浏览 3提问于2012-07-03得票数 0
我想创建一个非常简单的javascript表单验证。我有两个由datetime选取器填充的输入框。日期时间选择器使用2011-12-21 09:58格式填充输入框。我有一个收款日期和到货日期的输入框。
我想要验证输入的“deliverdatetime”是否大于“collectdatetime”。
失败验证的输出应该只出现在弹出窗口中，在“coolectdate”之前显示“deliverdate”。
这可以用javascript完成吗?如果可以，有人能给我一个简短的例子吗？
我的基本html表单代码是：
...
<td>
<input type="text" i
浏览 3提问于2011-12-21得票数 1
回答已采纳
当用户创建帖子时，在帖子表单中，我想提供一个按钮。当用户单击该按钮时，它将启动一个iframe并提交post表单的一些输入。当嵌套表单无效时，我如何将这些输入提交到其他网站？
浏览 2提问于2012-09-03得票数 0
我想知道当JavaScript表单验证返回true时，如何将来自jsp页面中的html的表单值传递给Java类。
HTML代码：
<form id="loginForm" onsubmit="return loginValidation()>
<p class="error" id="liusrError"></p>
<label for="usr">Username :</label>
<br />
<input type="
浏览 0提问于2012-09-27得票数 0
回答已采纳
2回答
我有表单与输入和提交按钮。我想打开弹出，而用户填写电子邮件地址，并单击提交按钮。在弹出窗口中将有其他按钮，单击该按钮将使动作从提交按钮输入值。到目前为止，我有这样的事情：
$('form').on('submit', function (e) {
e.preventDefault();
//function opening popup goes here...
// confirm button in popup
$('#confirm_button').on('click', (e) =&g
浏览 2提问于2018-08-21得票数 2
回答已采纳
我在HTML表单的隐藏输入中声明了一个数组。现在我想在Javascript函数中访问该数组。为此，我编写了以下代码：
<form name="form1">
<input type="hidden" name="sq[]" ></input>
<input type="hidden" name="a" ></input>
</form>
在Javascript函数中：
function myfunction()
{
document
浏览 0提问于2014-09-16得票数 2
回答已采纳
我有一个reddit风格的线程留言板应用程序，其中包括通过单独的javascript函数在线回复评论的功能。
在模板文件中，每个帖子后面都有一个链接：
<a href="{% url 'posts:comment' post_id=post.id %}" onclick="quick_reply(this, '{% url 'posts:comment' post_id=post.id %}'); return false;">reply</a>
生成表单的quick_reply函数位于一个
浏览 6提问于2020-12-23得票数 0
1回答
我正在做一个基本的javascript表单验证
var seUSer = document.getElementById("seUSername");
seUser.addEventListener("blur", validator(seUsername), false);
function validator (input) {
if (input.value == "") {
input.style.color="#fff";
} else {
input.style.col
浏览 1提问于2014-03-08得票数 1
回答已采纳
我想知道如何通过Ajax (使用原型框架)提交表单并在"result“div中显示服务器响应。html如下所示：
<form id="myForm" action="/getResults">
[...]
<input type="submit" value="submit" />
</form>
<div id="result"></div>
我尝试将一个javascript函数(使用Ajax.Updater)附加到"on
浏览 0提问于2009-01-14得票数 8
回答已采纳
在我的Razor视图中，我使用了Angular，并试图将复选框的值传递给函数。
当选中以下输入时“
<label><input id="divpriority" ng-model="priority" type="checkbox" />
Select all - high priority
</label>
此输入已更改：
<label><input class="tablePriority" ng-checked="priority" type="
浏览 0提问于2013-09-18得票数 1
1回答
我想把一些文本放到无线电字段中(使用Redux表单)。
我有这样的领域：
<Field
name={some.name1}
value={'text1'}
component={renderRadioElement}
type="radio"
/>
<Field
name={some.name2}
value={'text2'}
component={renderRadioElement}
type="radio"
/>
...
在第一个值更改之前，一切都会正常工作。
如
浏览 1提问于2017-12-28得票数 0
我正在尝试实现一个表单弹出/模式，当用户点击下面的输入区域时，我有一个货币转换表单，但我不知道如何将此表单连接到下面的输入区域：
我想这样做，就像你点击文本框时弹出的datepicker一样，如下所示：
如何实现与datepicker类似的行为？
浏览 1提问于2018-06-11得票数 0
5回答
我一定读过关于函数中的参数，以及它们是如何成为变量和/或对象并传值一百万次的文章，但现实生活中的例子总是让我迷惑。本例中的关键字" this“指向函数的对象，即form元素。好的，明白了。
现在，window.onload事件处理程序外部的函数有一个名为"frm“的参数。我的问题是，这个参数是否有必要与将要传递给它的表单元素的id同名(在本例中为'frm')？我以为这无关紧要。重要的是，只要在函数内部作为局部变量重用，就可以将任何内容放入参数中。
window.onload = function() {
// validation for submit
浏览 2提问于2011-02-08得票数 0
回答已采纳
我有一个带有选择输入的表单。当下拉列表被选中时，我想自动提交表单。
我的代码：
<?php echo $this->Form->create('Product', array('controller'=>'products', 'action'=>'shipping_area'));
echo $this->Form->input('area', array('options' => array('1' =>
浏览 4提问于2013-12-30得票数 1
在我的表单中，我尝试将特定的输出字段及其字符串输出作为标题大小写。值得注意的是，此表单输出到同一页上的结果。这是我表格的。
如您所见，我有三个输入类别--名称、城市和单词，在这个示例中，我尝试将标题大小写脚本实现为“Name”和City“输出字符串，而不影响”Word“类别。因为我不想将正在进行的句子转换为标题案例。
我发现了很多关于如何转换为标题案例的讨论。然而，由于我对JavaScript还不熟悉，所以很难将其实现到我的表单中。所有示例都显示脚本，但不显示如何在表单中实现它。
我在玩顶部的答案，试图针对特定的输入，像这样.
toTitleCase = function(str)
{
var
浏览 3提问于2017-09-25得票数 0
回答已采纳
6回答
我需要关于html表单的帮助。
我得到了一个javascript变量，并且我正试图将这个变量传递给一个html表单的texbox。我想在textbox上动态显示变量。但是我不知道如何将变量传递给html表单并调用该变量？
var test;
<INPUT TYPE="TEXT" NAME="lg" VALUE="" SIZE="25" MAXLENGTH="50" disabled="disabled"><BR><BR>
如何将test转换为html表单并更改其
浏览 8提问于2010-11-23得票数 10
ASPX文件
<button runat="server" id="btnBookingStatus" class="clsBKStatus" type="button" onClick="return refreshStatus('My Parameter List')">Refresh Booking Status</button>
JavaScript文件
function fnRefreshSatus(strMinNo, strSeqNo) {
// Som
浏览 2提问于2020-01-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
