如果输入更改，用户填充的框将不会更改
是一个关于前端开发中的表单处理的问题。在前端开发中，表单是一种常见的用户输入交互方式，用户可以在表单中填写信息并提交给后端进行处理。当用户填写完表单后，如果输入发生更改，即用户修改了已填写的内容，那么填充的框应该相应地更新显示用户最新的输入。
为了实现这个功能，可以使用JavaScript来监听表单输入框的变化事件，当用户修改了输入框的内容时，触发相应的事件处理函数。在事件处理函数中，可以获取用户最新的输入内容，并更新填充的框的显示。
以下是一个示例代码，演示了如何实现表单输入更改时填充框的更新：
<!DOCTYPE html>
<html>
<head>
<title>表单输入更改示例</title>
</head>
<body>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" oninput="updateFilledBox()"><br><br>
<label for="email">邮箱：</label>
<input type="email" id="email" oninput="updateFilledBox()"><br><br>
</form>
<div id="filledBox"></div>
<script>
function updateFilledBox() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var filledBox = document.getElementById("filledBox");
filledBox.innerHTML = "姓名：" + name + "<br>邮箱：" + email;
}
</script>
</body>
</html>在上述示例中，我们创建了一个表单，包含了姓名和邮箱两个输入框。每个输入框都绑定了oninput事件，当输入框的内容发生变化时，会调用updateFilledBox()函数。该函数通过document.getElementById()方法获取输入框的值，并将其更新到filledBox元素的内容中。
这个示例中的filledBox元素可以是一个用于显示用户填写内容的div，也可以是其他任何合适的元素。通过更新filledBox元素的内容，我们实现了在输入更改时填充框的更新。
对于这个问题，腾讯云并没有特定的产品或者链接与之相关。这个问题主要涉及到前端开发中的表单处理，与云计算领域的产品关系不大。
相关·内容
1回答
下拉列表是从数据库中填充的"meal_planner我正在尝试获取下拉列表，以便根据用户的选择填充行的其余部分。目前，只有第一个选择有效；如果选择了其他选项，它仍然使用第一个选择。
浏览 12提问于2016-09-22得票数 1
回答已采纳
我有一个组合框，用户可以在其中输入，它将根据选择显示相应的值，但如果用户输入任何字符，如"C“，默认情况下它会显示第一个匹配的单词"CAR”和其他字段中的相关数据。如果用户更改，其他字段中的输入数据将不会被清除。 如果用户键入的值不同于下拉列表中现有的值，
浏览 46提问于2019-04-10得票数 0
回答已采纳
1回答
我有一个文本框(动态)，它的值被javascript使用setVariable方法更改。
基本上，我现在被困在让flash应用程序识别文本框值何时被更改，onKeyUp等。似乎不起作用。如果用户在框中输入，则下面的代码可以工作，但如果通过JS更改它，它不会获取更改，因此不会填充我的变量。我应该使用哪个监听器？
浏览 0提问于2010-02-03得票数 0
1回答
如果您使用物理键盘开始输入，我的自动完成框可以完美地工作/填充。我正在尝试以编程方式更改自动完成框，并将填充下拉框显示为使用物理键盘。现在，值发生了变化，但好像填充事件没有被触发。自动补全框
<toolkit:AutoCompleteBox x:Name="eventSearchBox" Populating="eventSearchBoxPopulat
浏览 0提问于2015-03-25得票数 1
1回答
我有两个选择框，一旦选择了第一个框，就会填充第二个框。目前我使用$('#category').live('change'，function() { })；它会在用户对第一个框进行更改后更改第二个框。问题是，如果我将一个默认值加载到第一个框中，第二个框不会被填充，因为“change”事件从未
浏览 2提问于2010-10-29得票数 0
回答已采纳
当用户通过FB共享我们站点上的链接时，我正在尝试自定义用户的消息，类似于这个链接：我读过，但它只改变了下面的小文本，而不是主要的“状态”。关于如何处理这件事有什么联系吗？
谢谢!
浏览 0提问于2014-09-14得票数 3
回答已采纳
3回答
我有一个WPF应用程序，有一个带有查找项的组合框。组合框中填充了在my ViewModel中创建的ObservableCollection属性。问题是，我希望combobox列表能够正确更新和排序。做这件事最好的方法是什么？如果我这样做，myLookupPrope
浏览 2提问于2011-12-23得票数 1
回答已采纳
1回答
我有一个网站，在那里用户输入登录和密码的组合进入。我有一些其他页面中的用户有能力更改密码。我在密码模式下添加了3个文本框(actual、new和confirm)。奇怪的是，第一个文本框自动填充了我在登录时输入的密码，该密码存储在Firefox中。如果我在IE上这样做(我没有保存密码)，这种情况就不会发生。而且，如果我改变文本框上
浏览 3提问于2011-08-23得票数 0
回答已采纳
html输入，如下所示。<input id="foo" type="text" placeholder="{{namePlaceHolder}}" ng-model="name" value="{{name}}"/>
如果用户在文本框中键入某些内容，则$scope.name属性将发生更改。但是当我使用javascript修改它时，$scope.name数据不会
浏览 4提问于2013-12-04得票数 5
回答已采纳
我需要从select中获取选项，将另一个文本输入更改为select，并使用第一个select中的数据填充该select。jQuery('#rofile_user option').each(function() {});
我不知道如何将输入文本更改为选择框，并填充选择框。如果
浏览 3提问于2015-07-31得票数 0
作为练习，我正在转换一个使用jQuery的现有应用程序。
在我的页面上，我有两个输入。一个是组合框，另一个是文本输入。当用户更改组合框中的选择时，文本输入将填充用户选择的文本，除非用户在组合框中选择一个名为“自定义”的条目。当用户选择“自定义”时，文本输入将
浏览 1提问于2015-05-30得票数 4
嗨，我正在构建一个应用程序，其中用户必须输入SSN到一个文本框。是否可以像在3后键入123连字符时自动插入连字符(-)，即123-。以同样的方式在5后键入123-45连字符，即123-45-。如果输入错误，我必须能够更改号码。
浏览 3提问于2010-11-24得票数 7
我现在有有79个组合框的Userform，其中填充了所有相同的值1-5。到目前为止，如果用户按错了击键，我就会得到一个错误。因为在组合框更改后，它会创建一个计算，因为它不识别字符输入。因此，我现在所做的是将combobox更改为fmStyleDropDownList，它只适用于只添加combobox中列出的项，现在的问题是，在combobox<e
浏览 0提问于2015-07-24得票数 2
回答已采纳
每个控件都有很多事件，有两个非常相似的事件，比如文本更新和文本更改，有什么区别呢？
浏览 0提问于2014-02-14得票数 14
回答已采纳
我有一个textbox.The用户将输入一个数字在这个box.The用户应该输入两个数字后面跟着一个句号“。而另一个digit.It将类似于22.3、00.5或01.2。如果文本框不是空的，我想强制执行一个函数来验证用户输入的值(如果输入的值不符合上面提到的格式，就会给他们一个警告)当文本框失
浏览 0提问于2010-06-07得票数 0
回答已采纳
我正在使用一个自定义的DialogFragment让用户更改他的登录凭据。有一些文本字段和两个按钮(保存/取消)。布局在DialogFragment的onCreateView方法中设置。如果我打开该对话框，文本字段将用默认值填充。当用户更改文本字段中的文本并单击cancel按钮时，对话框将关闭。下一次打开对话框时，之前更改</e
浏览 0提问于2012-01-26得票数 4
根据文本框中的输入填充DropDownList。我遇到了一些DropDownList没有正确填充的问题。
一种是，当我在文本框中键入内容时，可以使用Tab键跳转到DropDownList并正确填充它。但是，如果我决定要更改文本框中的内容，并在其中键入其他内容，然后再次尝试使用tab键切换到DropDownList，则不会更新。另一个问题是，当我开始在文本框
浏览 4提问于2012-09-05得票数 0
回答已采纳
3回答
在我的用例场景中，我有一个下拉框(mat-select)，它填充了几个输入字段。任何更改都会以不同的方式填充字段。由于用户可以更改字段，所以在执行最终更改之前，如果用户同意清除(或更改)所有字段，我想问用户。如果出现“否”，则选择更改不会发生，所有字段都应保留。
我试图将用例简化为。我可以从下
浏览 0提问于2019-05-23得票数 2
如果未填写所有字段，则发送此表单的按钮将被禁用。因此，如果用户想要发送表单，则应填写所有字段。 因此，当用户填充输入时，我会更改状态。但如果所有输入都已填充，则该按钮不会更改颜色。
浏览 34提问于2021-07-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
