通过.html函数添加输入时，输入不会向表单添加值
通过.html()函数添加输入时，输入不会向表单添加值的原因是.html()函数会覆盖元素的内容，而不是修改元素的属性。它将输入视为HTML代码字符串，而不是将其视为表单元素的值。因此，即使你在代码中通过.html()函数添加了输入，表单元素的值也不会被修改。
要向表单添加值，可以使用.val()函数。.val()函数用于获取或设置表单元素的值。如果要添加输入值，可以通过.val()函数将值设置给表单元素的value属性。
示例代码如下：
// 获取输入值
var inputValue = $('#inputId').val();
// 设置输入值
$('#inputId').val('new value');在上述代码中，#inputId是表单元素的ID，可以根据实际情况进行替换。
通过使用.val()函数，可以向表单元素添加值，并确保输入被正确提交到表单中。
请注意，以上答案中提到的腾讯云相关产品和产品介绍链接地址是举例说明，实际情况中应根据具体需求和场景选择适合的云计算服务提供商。
相关·内容
2回答
我最近一直在使用html + js + css，在chrome和firefox中发现了一个非常奇怪的问题。
我有一个表单有几个字段，但它不提交按下enter。我想知道是什么原因。如果删除所有字段并只保留一个字段，则正确提交。
它真的是一个chrome/firefox的bug，还是我在做梦？
代码1: (工作正常，输入时提交表单)
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<form>
浏览 7提问于2014-01-15得票数 0
2回答
我有一个名为tblLotNum的表和一个名为tblTimeCards的表。
tblTimeCards有一个可链接到tblLotNum的查找字段。我可以在tblTimeCards表中向这个查找字段添加新值吗？如果是这样的话，是怎么做的？
我创建了一个表单frmTimeReporting，它基于来自tblTimeCards.的字段它用于数据输入，作为输入时间的人的接口。我无法获得允许我向最终是tblLotNum的内容添加新条目的表单--有人能帮忙吗？
浏览 0提问于2015-12-14得票数 2
1回答
我试图将输入值从表单推送到GTM数据层。我已经阅读了一堆不同的指南，仍然对必要的步骤感到困惑。目前，我已经设置了以下内容：
激发html标记的触发器。
具有一些自定义javascript以捕获输入值的Html标记(见下文)
<script>
/* event listener */
document.getElementsByName("UnitPrice")[0].addEventListener('change', doThing);
/* function */
functio
浏览 3提问于2017-10-24得票数 2
这是我的场景。
我使用在模式对话框中显示表单的ajax功能调用jqModal。用户填写一些信息并提交表单，表单返回一些html作为响应。
生成的html显示在jqModal目录中。然后，用户单击关闭以关闭模式对话框。
到目前为止，这一切都运行正常。
相反，我想要做的是在提交时关闭对话框，并使用来自服务器的响应更新div。
调用代码：
<script type="text/javascript">
$(document).ready(function () {
$('#jqmWindowContainer').jqm({
浏览 3提问于2011-03-23得票数 1
回答已采纳
1回答
在django中检索表单字段属性
、、、、
我的表单中有一个输入文本字段，它通过JavaScript添加了一个重要的新属性。属性名称为fieldid。
在表单求和之后，有没有办法从视图中检索这个属性和它的值？
浏览 0提问于2012-07-26得票数 4
回答已采纳
1回答
在本地存储中存储寄存器窗体数组
、、、、
我找到了这个寄存器表单，它将username和password存储在本地存储中，但正如您所看到的，它只能存储一个帐户，所以当您登录时，只能使用已注册的最新数据。我的目标是在本地存储大量的用户名和密码，我认为使用数组，但我不太确定如何做到这一点，也不知道如何在这个假设的数组中与登录表单的数据匹配。我试着写的明显错误的代码。
这是注册表单的html和javascript。
<html>
<form id="register-form">
<input id="nome" type="text"
浏览 0提问于2018-02-02得票数 0
我有一个HTML表单，它使用POST将数据发送到PHP脚本。到目前为止，我还没有在HTML表单中使用数组，但是这个表单要求对某些字段进行分组(例如，价格和数量)，而其他字段仍然是单个输入字段(名称、电子邮件等)。
当PHP脚本接收到输入时，我想对其进行净化。在使用单个输入字段时，我经常循环遍历这样的字段：
if( !empty($_POST) ) {
foreach( $_POST as $x => $y ) {
$_POST[$x] = htmlspecialchars($y);
$_POST[$x] = trim($y);
}
}
当某
浏览 6提问于2019-11-30得票数 5
回答已采纳
1回答
我有一个反作用引导表单组件
我只需要能够获得用户正在输入的输入框的名称/引用，这样我就可以动态地更新状态。我已经用标准表单做了以下操作：
this.setState({
[event.target.name]: event.target.value
})
但我想用React的Bootstrap形式。我已经可以获得表单输入的值，但是我找不到获取它的引用名称的方法(比如，如果输入框是用于dealerName的，那么我无法获得字符串'dealerName'，所以我可以动态地更新它，而不必将状态属性名称硬编码为一个值来更新它)，所以我可以动态地更
浏览 1提问于2020-04-27得票数 1
回答已采纳
我有一个HTML表单，它通过post将信息发送到PHP文件。
在用户第二次访问时，页面应该记住最后的搜索输入。因此，如果在他们第一次访问时，他们正在寻找铅笔，那么在他们第二次访问时，表单已经用铅笔预先填充了产品名称输入。我是通过一个在两个文件之间共享的会话变量来实现这一点的。
例如，我的代码就是这样的：
<label for="minPrice">Minimum Price</label>
<input id="minPrice" type="text" value="<?php echo $_SESS
浏览 0提问于2020-11-27得票数 1
回答已采纳
如何根据用户输入填充数组，而不是在JavaScript中手动更改该数组？
如何将我的HTML表单链接到我的javaScript？
let move = ["L", "L", "R", "F", "N"];
let lastElement = move.slice(-1);
console.log(lastElement);
function finalPosition(move) {
let countUp = 0, countDown = 0;
let countLeft = 0, countR
浏览 3提问于2022-05-06得票数 0
我试图弄清楚如何在html标记的href中动态显示链接。我现在有下面的代码，它在我输入时显示值，但是我想让这段代码在一个标签href中显示一个单击url。
有人能帮忙吗？
HTML表单代码：
<input type="text" id="testTextareadestinationurl" autocomplete="off" size="57" maxlength="2500" name="destinationurl" class="required"/>
<
浏览 3提问于2013-09-12得票数 1
1回答
这是@FaneDuru的answer here的续篇。使用我当前的代码，它将从每个工作表中提取数据并将其显示在表单上。 我希望允许在表单上输入不同的值，而不是只显示它们。 Option Explicit
Private Sub UserForm_Initialize()
Dim sh As Worksheet, wb As Workbook
Set wb = ActiveWorkbook
For Each sh In wb.Sheets
Me.cbMonth.AddItem sh.Name
Next sh
End Sub
Private
浏览 2提问于2020-11-27得票数 0
2回答
我有输入表单，其中我在数组中有错误文本，我循环它来为输入分配错误文本字段，但我的问题是，如果错误，例如在最后一次输入时，它会显示第一个数组选项值，而不是应该显示的最后一个值。下面的代码:没有访问html的权限。
例如，如果first fiel填写了你的名字，并且除了“你的名字是什么？”之外没有错误信息。显示在where do you work输入上，而不是“您为谁工作？”错误消息，如果所有输入都为空，则工作正常
var arr = [ "What's your name?", "Who do you work for?", "Most conve
浏览 10提问于2017-07-16得票数 1
回答已采纳
2回答
带有参数filter_var的FILTER_SANITIZE_STRING函数是清除数据库输入的可接受的方法吗？
在接收来自表单的输入时，我将使用以下内容，并希望了解这是否被认为是一种可以接受的做法。
我知道，理想情况下，应该使用参数化接口，但我很好奇，只要有任何可接受的替代方案，该方法。
$this->fname = filter_var( $this->fname, FILTER_SANITIZE_STRING );
浏览 0提问于2014-02-12得票数 0
回答已采纳
我在android表单中有一个orderid字段。现在我想在orderid的内容中添加一个数字，这样每次数字都应该是递增的。
例如，如果用户输入123在orderid中，那么我希望在数据库中存储123100，类似地，在下一次运行时，我希望在数据库..and中存储123101，所以我将执行以下操作: on...how
请帮助
浏览 7提问于2011-04-28得票数 0
单击表单中的按钮后，我需要重定向到index.html。我试过这个： $("#btn").on("click", function() {
window.location.replace("index.html");
localeStorage.clear();
}) 但是在表单中我需要输入，所以当我有一些空的必需输入时，它会重定向，但同时它说我必须写一些东西来输入。 在成功提交表单后，我需要重定向到index.html。就像提交订单后在eshop上一样
浏览 42提问于2019-09-05得票数 1
回答已采纳
3回答
在html表单中，当您使用选项卡进行下一个输入时，默认情况下它会选择所有内容，如何取消选择呢？
浏览 1提问于2020-07-03得票数 1
回答已采纳
3回答
如何用PHP检查两个文本字段是空的。
这正是我想要的
我的表单中有两个文本字段。如果两个字段都是空的，我不希望表单被提交。但是，如果其中一个文本字段有输入的值表单，则应该提交。
我已经厌倦了这段代码，但是如果输入了这两个字段的值，它就不会提交。
if($_POST['inputOne'] == NULL AND $_POST['inputTwo'] == NULL )
{
die('My Error Msg.');
}
有人能告诉我怎么做吗。
浏览 8提问于2014-09-30得票数 0
回答已采纳
我想了解coldfusion调用，这样我就可以在不重新加载ma页面的情况下显示数据。举个简单的例子。通过单击一个按钮添加两个数字。为此，我需要两个输入元素和一个按钮，它应该显示在同一个页面中。我想要做的是，当我从用户那里得到输入时，当他们单击时，我需要答案而不需要重新加载页面。因此，我使用组件文件并为我的scenario..and编写了函数，我通过ajax调用了组件。但我的东西弄错了。让我展示一下我做了什么。
冷融合码
<!doctype html>
<html>
<head>
<meta charset="UTF-8&
浏览 4提问于2016-02-27得票数 0
回答已采纳
我在html文件中声明了一个表单。输入是动态生成的。
这意味着，它们是在javascript中作为字符串构建的，然后在一个自定义指令中以角编译。
app.directive('customInput', function($compile){
return{
restrict: 'E',
scope: true,
link: function(scope, element, attrs){
var html = "<input type='text' ng-model='tCtrl.test[$index
浏览 1提问于2015-08-15得票数 2
回答已采纳
我已经在MS Access 2003中创建了一个数据库。它具有用于将数据输入到表中的表单。我想创建一个显示通过表单输入的值的报告。我正在尝试查找通过表单输入时数据的存储位置，以便可以在该表上创建报告，但我无法找到它。谁能告诉我怎么才能做到这一点？
浏览 1提问于2012-11-13得票数 0
在面向营销人员的Web表单中，我使用了几个字段将值传递给管道处理器，并将CSS代码附加到表单。
我不希望这些字段出现在表单上。如何将字段标记为不可见？现在我正在通过CSS来做这件事，但我非常确定一定有更好的方法来做。
谢谢!
浏览 4提问于2012-11-09得票数 1
1回答
我比较新的反应，在理解从子组件到父组件之间传递道具/状态时遇到了一些困难。我成功地实现了一些有用的东西，但它是非常滞后的。
概述:我正在尝试创建一个包含多个材料UI TextFields的表单，在表单的末尾有一个提交按钮来提交表单。
我的方法是:使用state更新输入的各个文本字段，然后动态更新父FormSection文件中的另一个状态。一旦用户单击'Submit‘Button (尚未实现)，它将从父类获取所有状态。
现有课程：
CompanyField.js
JobTitle.js
FormSection.js (主文件)
CompanyField类(职务名称等
浏览 2提问于2022-03-31得票数 0
2回答
我有一个很长的表单，当我单击submit按钮时，外部js验证会启动并检查输入字段的有效性。如果所有输入字段都通过验证，则会弹出jquery模式，要求用户注册或登录。
现在，如果用户选择注册并完成从模式注册，模式关闭和页面自动刷新，并显示用户是自动登录。
我现在的问题是，当页面刷新时，他在注册之前填写的长表单中的输入数据被删除了。
如何使输入字段在刷新页面时不擦除？是否可以在外部js文件中设置会话？如果是的话，我该怎么做？
例如：
$_SESSION['resumetitle'] = $_POST['resumetitle'];
$_SESSION['re
浏览 4提问于2011-08-25得票数 0
我有点困惑，刚为Laravel安装了一个。正如我在文档中提到的，我启用了自动过滤，工作。
但是，当我使用以下代码处理表单输入时：
$input = Input::all();
$validation = Validator::make($input, Comment::rules());
// do some validation
// not passed:
return Redirect::back()
->withErrors($validation)
->withInput();
而不
浏览 1提问于2015-01-29得票数 0
回答已采纳
我是MVC 2的新手，我在弄清楚如何发布表单之外的值时遇到了问题。
这是我的代码，非常简单：
<input type="text" id="TextboxOutsideForm"/>
<% using (Html.BeginForm("Edit", "Home", FormMethod.Post)) {%>
<%: Html.ValidationSummary(true) %>
<%: Html.TextBoxFor(model => model.Stuf
浏览 2提问于2010-09-29得票数 0
回答已采纳
2回答
如果之前有人问过这个问题，我很抱歉，但我现在有点为难。我正在创建一个JavaScript函数，用于在用户关注特定的HTML文本输入时动态添加表单输入(因为我们可以选择接受多个值)。我认为这样做比从下拉菜单中选择所需的输入量要容易得多。
下面是我添加新表单输入的方法：
$("input[type=text]").filter(":regex(id, roe[0-9])").filter(":last").on("focus", function() {
// Add in new elements here
}
当我刷新页面
浏览 2提问于2012-01-04得票数 0
回答已采纳
4回答
我已经定义了Css类
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
background: url("../images/input-bg.gif") repeat-x scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px 5px;
}
现在，当我在html中使用输入时，c
浏览 0提问于2011-11-03得票数 1
我试图使用regex模式直接在HTML对象上验证一个离子输入，以便只允许0到24之间的数字。这非常好，如果输入错误的数字/文本等，表单就会变红。
<ion-input [pattern]="numberPattern" #hoursInput></ion-input>
当我在*ngFor循环中生成这些输入时，我是否可以以某种方式访问所有离子输入的有效状态，以便在其中一个无效的情况下禁用一个按钮？
<ion-list>
<ion-item *ngFor="let project of (projectL
浏览 3提问于2022-07-09得票数 0
6回答
我以前见过表单，当您键入时，您可以在文本字段的一侧看到输入。
表格代码：
<form action="somewhere.html" method="get">
<input type="text" name="fname" length="5" placeholder="your name">
</form>
如何在此字段下面显示我的姓名(不单击任何提交按钮)？
希望这有意义？
浏览 0提问于2013-09-12得票数 0
回答已采纳
这是我的onRowAdd函数，在我要测试的表中添加值之前，所提供的值是否为真。
的问题是，当输入值为真时，新的数据newData会被添加到状态中，但是values表不会显示它们。它添加了但不可见的
然后，当我点击编辑图标时，它会显示之前输入的值，但是保存之后，这些值就消失了。如图像所示，添加了新行并在其中显示了操作，但material表没有显示列的值。
'onRowAdd: newData =>'
new Promise((resolve, reject) => {
setTimeout(() => {
hand
浏览 2提问于2022-07-26得票数 1
你好，我有一张表格：
<form (ngSubmit)="create()" #form="ngForm">
<input type="text" id="name" class="form-control" [(ngModel)]="data.name"
[ngModelOptions]="{standalone: true}" #name="ngModel" required>
<p *ngIf="name.invalid
浏览 0提问于2018-09-29得票数 1
回答已采纳
查看一下，特别是标记为返回成员的部分中的表单。通过查看HTML或使用Firebug之类的工具进行验证，实际表单包含四个标记:一个用于电子邮件地址和密码，一个称为"memberAlready“的不可见输入，其中包含值"yes"，以及一个以图像形式显示的submit按钮。到目前为止，非常普通。
但是，如果在提交表单时检查表单数据(使用或在另一个浏览器上使用其等效的表单)，您将看到另两个表单字段已被偷偷输入响应: ACTION(loginCheckout).x和ACTION(loginCheckout).y。
它们都有两位数的整数值，这意味着它们只是为了验证提交者是实际的网络
浏览 13提问于2012-04-12得票数 1
回答已采纳
1回答
对于HTML表单，我是否可以依赖HTML中字段的排序与发送到服务器的数据相同？
例如，如果我有两个输入：
<input type="text" name="one"/>
<input type="text" class="aaa" name="two[]"/>
<input type="text" class="bbb" name="two[]"/>
当解析服务器端的数据并遍历名为“2”的输入时，我是否可以依赖于这样一个事实: in
浏览 2提问于2014-09-08得票数 1
回答已采纳
1回答
将页面上一个表单中输入的值相加
、、、、
我有一个包含多个HTML表单的页面。我需要将所有的输入值加在一个表单中，而不是页面上的所有表单中。当输入字段被输入时，它将数据发送到一个工作良好的ajax调用，但是和值来自页面上的所有表单，而不仅仅是我输入的那个。
$('.risk_assessments_number_input').keyup(function() {
var form = $(this).closest("form");
var ajaxurl = '<?php echo WEB_URL; ?>controllers/ajax/save_risk_assessm
浏览 2提问于2017-02-08得票数 2
回答已采纳
因此，对于这个编程任务，我们应该让用户填写一个表单，并在输入时将输入内容保存在本地存储中，直到他们提交表单为止。
<input type="text" name="name" id="name" onkeyup="StoreText()">
是我的HTML表单的一部分，我有以下函数：
<script>
function StoreText() {
var name = document.getElementById("name");
localStorage.setI
浏览 1提问于2014-09-23得票数 0
2回答
我得到了下面的HTML表单
function FormSubmit (){
$.ajax({
url:'dotar.php',
type:'post',
data:$('form').serialize(),
success:function(){
setTimeout(function(){ alert("Hello"); }, 1000);
}
浏览 2提问于2016-09-17得票数 0
默认情况下，当我使用Enter键输入时，哪个HTML表单输入将获得焦点？
这与html源代码中的输入顺序有关吗？
我不知道它的潜规则。
浏览 1提问于2015-04-29得票数 0
我使用jquery获得表单输入元素，如下所示，用于进一步处理。
var ctrls = $('#frmUserMst').serializeArray();
偶尔，我需要在这个ctrl中添加一些额外的信息。我该怎么做
它不支持push()或add()方法。
这是VS2008 MVC2项目中的一个要求。
进一步信息：作为禁用控件没有填充在serializeArray()输出中，我需要手动添加它们。
任何帮助都是非常感谢的。
浏览 2提问于2012-06-14得票数 1
回答已采纳
2回答
从树中获取给定级别的元素
、、、
我想要获得树的给定深度/级别的所有整数键。
我尝试的解决方案如下所示：
public LinkedList<Integer> keysAtDepth(int depth) {
return getGivenLevel(depth, root);
}
private LinkedList<Integer> getGivenLevel(int depth, Node root) {
LinkedList<Integer> list = new LinkedList<Integer>();
if (root == n
浏览 14提问于2020-06-06得票数 0
回答已采纳
我正在使用编辑URL来编辑通过Google forms提交的表单条目，但是我注意到，如果我在工作表上进行了更改，它将不会反映在Google form edit URL中。在直接对工作表进行更新后，有没有办法将数据同步到表单？
浏览 0提问于2015-10-17得票数 1
1回答
我正在实现一个表单，其中用户只允许输入带有两个小数点的数字(即有效金额)。我使用Next.js (React)作为我的JS框架。
我发现，当输入一个包含两个以上小数点的数字时，下面的示例将打开一条验证消息，通知我输入无效。单击submit按钮时，消息再次打开，表单无法提交(“提交的表单”不在控制台上打印)。
<form
onSubmit={(e) => {
e.preventDefault();
console.log('submitted form');
}}
>
<input
type="number
浏览 7提问于2022-10-13得票数 0
1回答
我正在研究，我对下面的部分有点困惑.
首先，他们添加了一个创建新晚餐的表单，其中有一堆文本框，类似于：
<%= Html.TextArea("Description") %>
然后，它们展示了将表单输入绑定到模型的两种方法：
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Create() {
Dinner dinner = new Dinner();
UpdateModel(dinner);
...
}
或者：
[AcceptVerbs(HttpVerbs.Post)]
public Ac
浏览 2提问于2010-05-25得票数 7
回答已采纳
我正在执行ajax调用，而重新生成的数据位于div容器中。当用户从数据传输器中选择一个日期时，就会进行调用。当数据被返回时，我在表单上有两个数据存取器的输入框。我只想要一张表格上的。为什么我返回的ajax调用给了我两个数据报警器输入框？
这是显示数据的部分视图。这是我试着把它放在表单顶部和底部的脚本。
<script type="text/javascript">
$(document).ready(function () {
$("#datep").datepicker({
showOn: "
浏览 3提问于2014-06-01得票数 0
回答已采纳
演示：
<select name="one" id="one">
<option value="0">Select Hotel</option>
<option value="3000">Nirvana</option>
<option value="6000">Laguna</option>
<option value="9000">Palm beach</op
浏览 3提问于2015-04-24得票数 0
回答已采纳
2回答
表单输入时无需提交按钮
、、、
对于表单，没有提交按钮，有一个文本输入，请在输入时提交。
对于表单，没有提交按钮，有超过一个文本输入，不要在输入时提交。
双方不应在进入时提交吗？
<!-- This one do submit on Enter -->
<form action="/">
<input type="text" name="firstname" value="Mickey">
</form>
<!-- This one do not submit on Enter -->
&
浏览 3提问于2017-08-11得票数 2
回答已采纳
HTML5使得强制输入具有值变得很容易:哇！这在.NET web应用程序中将是非常棒的。我对此做了一个快速实现，并注意到一些有趣的事情。我新要求的输入域是在单击submit按钮和从使用浏览器的enter-submit- the - form功能的表单控件输入时强制执行的。当控件调用__doPostback (最终调用form.submit())时，我新需要的输入不是强制的。
好吧，这是不对的！Firefox怎么了？！但是，这就是Chrome的工作原理，所以要么是巧合，他们都是错的，要么他们不是都错了。
那么，谁能告诉我为什么这是有意义的？这个整洁的属性似乎永远不能在.NET web应用程序中使
浏览 1提问于2011-07-20得票数 1
好的，所以我试着做一个石头剪刀式的游戏，使用jQuery。
我如何需要它的工作如下。
选择一个触发.click函数的图片(点击它)，然后让计算机在1到5之间创建一个随机数。然后这5个数字对应于不同的图片。(即1块石头，2张纸，3把剪刀，4只蜥蜴，5只史波克)。我认为会有一个if / etc语句来设置它，所以它会是这样的:如果计算机选择1，如果你选择摇滚，领带如果你选择纸张，你输如果你选择剪刀，你其他如果你选择斯波克，你赢如果你选择蜥蜴，你其他如果你选择蜥蜴，你输如果你选择2等等等等。
问题是，我从来没有学会如何做一个输入的图片，第二，如何做，以使我可以让电脑玩。
因此，不用说，我的代码是非常简
浏览 2提问于2014-11-03得票数 0
回答已采纳
1回答
我有一个表单，您可以在其中添加动态输入。可以输入这些输入，也可以通过选择值从模式中添加文本。
当键入输入时，表单将被验证，但是从模式中选择一个值并不会验证表单，即使输入已经填写。
下面是我的模板的简化版本：
// form.component.html
<form #filterForm="ngForm">
<table>
<tbody>
<tr *ngFor="let data of droppedData; let i = index">
浏览 3提问于2017-09-29得票数 0
回答已采纳
假设有一个带有输入的表单。submit按钮被禁用，直到输入元素中有一个输入。
当用户输入输入时，将启用submit按钮，用户可以轻松地提交表单。但是，如果没有输入，用户按下禁用的提交按钮，则应采取onDisabledPress()处理程序。
浏览 3提问于2021-04-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
