提交前使用jquery更改隐藏字段值
提交前使用jQuery更改隐藏字段值是指在网页中使用jQuery库来修改隐藏字段的值。jQuery是一个快速、简洁的JavaScript库，可以简化HTML文档遍历、事件处理、动画效果等操作。
隐藏字段（Hidden Field）是一种在HTML表单中隐藏的输入字段，它不会在页面上显示出来，但可以用于存储数据。隐藏字段通常用于在表单提交时传递一些额外的数据，这些数据对用户来说是不可见的。
要使用jQuery来更改隐藏字段的值，首先需要在页面中引入jQuery库。可以通过以下方式引入：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>然后，可以使用jQuery的选择器来选中隐藏字段，并使用.val()方法来设置其值。例如，如果隐藏字段的id为hiddenField，可以使用以下代码来更改其值：
$("#hiddenField").val("新的值");上述代码将隐藏字段的值设置为"新的值"。
使用jQuery更改隐藏字段值的优势在于其简洁、灵活的语法和丰富的功能。jQuery提供了许多方便的方法和事件处理函数，可以轻松地操作DOM元素，包括隐藏字段。此外，jQuery还具有良好的跨浏览器兼容性，可以在各种主流浏览器中正常工作。
应用场景：
- 表单提交前需要在隐藏字段中存储一些额外的数据，如用户ID、操作类型等。
- 动态更新隐藏字段的值，以便与其他元素进行交互或根据用户的操作进行调整。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在使用jquery禁用字段。但提交表单后禁用字段不提交。
如果这是不可能的，那么我如何才能使字段只读以及可以提交值。
浏览 4提问于2015-08-26得票数 0
回答已采纳
我有以下jQuery代码，每当用户在文件输入字段中选择要上传的文件时，它都会自动提交表单：
jQuery(document).on('change', 'input[type="file"]', function () {
jQuery(this).parents('form').append('<input type="hidden" name="action" id="action" value="bp_avatar_upload" /&g
浏览 1提问于2013-09-02得票数 2
2回答
尝试在提交时更改select的值。系统不接受"$“或”"，所以我正在清理数据。
jQuery
jQuery("#vfb-53").val( jQuery("#vfb-53").val().replace(/\D/g,'') );
jQuery("#vfb-55").val( jQuery("#vfb-55").val().replace(/\D/g,'') );
Html表单
在提交时，字段为空，当我检查网络控制台时，该字段为空。我该怎么解决这个问题？
全码
$('.vis
浏览 1提问于2013-12-17得票数 1
背景
我有几个搜索函数，可以设置一个包含单词“jQuery”的搜索字段，并在单击该字段时清除/重置该字段。
// Search Box Placeholder
jQuery('#q').focus(function() {
if(jQuery(this).val() == 'Search') {
jQuery(this).val('');
}
else if(jQuery(this).val() == '') {
浏览 2提问于2013-03-13得票数 1
回答已采纳
我有一个更新对象的表单，
= form_tag (..., method: :put) do
超文本标记语言将显示method="post"，但表单将使用PUT正确提交。当我尝试根据对按钮组的选择来更改隐藏字段的值时：
$('#form .btn-group button').click(function(e) {
$('#form input[type=hidden]').val($(this).data('value'));
});
表单是使用POST提交的，给了我一个404。我猜我在jquery_ujs上弄坏
浏览 0提问于2013-03-18得票数 0
回答已采纳
我有一个在加载页面时禁用的元素。
<%= select_tag "count", get_count(local_trial_type).html_safe, :disabled => true %>
然后启用again2计数字段。
jQuery("form").submit(function() {
jQuery("#count").removeAttr("disabled");
});
然后通过错误提交表单。然后再一次启用相同的字段。因为我在提交form2之前启用了字段。在提交表单时返回相同的状态是有
浏览 3提问于2014-01-10得票数 0
回答已采纳
我试图使用jquery检查具有动态创建的form字段的表单，以确保所有输入字段在提交之前都已填写完毕。我想隐藏提交链接，直到所有字段都被填充。这就是我到目前为止所拥有的。
$( 'form#form_id' ).change(function(e) {
$(":input").each(function() {
if($(this).val() === ""){
$("#showlink").hide();
}else{
$("#showlink").show(
浏览 0提问于2013-08-24得票数 1
回答已采纳
2回答
服务器端的隐藏字段值
、、、
我有一个表单提交，我试图通过一个隐藏字段向服务器端发送一个选定的下拉值，但它不起作用： @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @id = "registerFormId" }))
{
<select class="form-control" id="districtId"></select>
@Html.HiddenFor(m => m.DistrictId)
} 服
浏览 20提问于2019-04-19得票数 1
回答已采纳
我正在开发一个使用Rails和jQuery的应用程序。我想通过输入表单提交一个id整数值，但仍然向用户显示一个友好的文本值，而他正在填写表单。文本输入字段使用jQuery自动完成，因此一旦用户选择一个条目，就会在输入字段中输入一个整数值。有没有办法显示与实际提交的值不同的值？
浏览 0提问于2011-08-23得票数 5
回答已采纳
我有一个ID输入框，我想要屏蔽该字段的前4位数字，但当我提交时，我仍然需要提交真实的数据。
目前我正在做的是：
maskInputVal($input) {
// Mask client id first 4 numbers with XXXX eg. XXXX4323 (real data is 23434323)
let currentInputValue = $input.val();
if (currentInputValue && currentInputValue.length > 4) {
input.val(
浏览 0提问于2017-07-19得票数 0
1回答
我使用的是jQuery 1.9.2版本。在提交时验证字段的最小长度(不是必需的)时，文本字段不会将“空白”视为字符。除非在该字段中输入字符，否则不会验证最小长度。这是因为我使用的jQuery版本还是其他问题？
浏览 0提问于2018-04-24得票数 0
我使用下面的JQuery代码更改公式中的文本标签值。但是在提交它们时(如果有一个无效的填充字段)，文本标签值将返回原始值。如何保留这些值，以便不再填充这些字段？
<script type="text/javascript">
$(document).ready(function () {
$('input:radio').change(function () {
var rbvalue = $('input:radio:checked').val();
if (
浏览 1提问于2012-06-18得票数 0
在我的asp.net MVC应用程序中，我使用就地编辑器来允许用户在没有标准表单视图的情况下编辑字段。不幸的是，由于我将Linq to Sql与我的数据映射层结合使用，所以我不能一次只更新一个字段，而是需要一次发送所有字段。
因此，我想出的解决方案是将所有模型字段存储到隐藏字段中，并提供包含可见数据的span标记(由于我的jquery插件，这些span标记变得可编辑)。当用户触发保存他们对字段所做的编辑时，jquery将获取他们的值并将其放入隐藏表单中，然后通过ajax将整个表单发送到服务器进行提交。
当数据最初进入隐藏字段(页面加载)并进入span标记时，数据被正确编码，但是当用户更改可内容
浏览 1提问于2010-04-25得票数 3
回答已采纳
我想在选择框更改时向操作提交一个表单(当选择一个项目时，我需要更新另一个选择框，可能还需要更新其他字段)。下面的代码将表单提交给在form元素上定义的控制器/action。
<g:select onchange="submit()"/>
如何将表单提交到自定义操作？我认为在页面上放置一个隐藏的提交操作，并在选择框中选择一个项目时触发点击，但跳跃有一种更优雅的方式。该项目使用jquery，因此prototype库不可用。非常感谢！
浏览 2提问于2011-11-18得票数 3
回答已采纳
我想清除表单中的所有输入，选择和所有隐藏字段。如果最合适的话，使用jQuery是一种选择。
做这件事最简单的方法是什么？我的意思是易于理解和维护。
编辑
解决方案不能弄乱复选框(值必须保持不变，但选中状态必须清除)，也不能弄乱提交按钮。
我正在尝试做的是一个清除按钮，它清除用户显式输入的所有选项，以及隐藏字段。
谢谢!
浏览 53提问于2011-08-30得票数 31
回答已采纳
5回答
如何查找修改了哪个输入域？
、、、、
我有几个输入域和值在其中。这是投射给用户的。用户可以修改这些值并提交它们。当提交时，我需要检查哪个输入字段被修改。
我可以比较以前的字段和当前的字段，然后检查。但我正在尝试找到更优化的方法来做到这一点。我可以使用javascript、php、jquery和html技巧。
浏览 0提问于2013-05-10得票数 2
回答已采纳
如果div中没有输入字段，我想隐藏我的提交按钮(可能有输入的特定id，并检查是否存在？)
因为我通过按下一些按钮来生成一些输入字段，所以我有一个"Save field“按钮，只有在您生成了一些字段时才需要显示该按钮。
我想用jQuery来玩这个游戏，有什么想法吗？
浏览 1提问于2011-12-10得票数 2
回答已采纳
5回答
我有以下代码，以显示某些格式的电话号码输入字段。也就是说，如果电话号码以33,55或81开头，我会将其显示为(33) 1234-5678。如果电话号码以任何其他号码开头，则格式为(123) 456-7890。
现在，问题是当我提交表单时，它被提交为(33) 1234-5678。但我应该提交3312345678，并显示(33) 12345678。
有没有人能帮我，我该如何克服这个问题。我没有使用任何jquery插件；
<input id="criterion" name= "criterion" type="tel" class="
浏览 2提问于2015-12-15得票数 1
2回答
如何部分提交表单？
、、、、
我有一个包含许多不同字段的表单，该表单的字段与两个表相关联，一旦提交该表单，我应该如何仅更新受影响的表？
表凭据
ID
username
password
question
answer
表用户
ID
name
surname
age
CredentialID
假设用户只是更新了他/她的名字。一旦表单提交，我只需要更新用户表的名称字段，而不是凭证表的任何字段，因为它的相关字段没有更改。我知道一种方法是用类检查提交的值，还有其他选择吗？我不想更新所有值以提高性能和降低数据库成本的原因。此外，有没有办法在客户端进行比较？我正在使用prepareStateme
浏览 2提问于2013-02-27得票数 2
回答已采纳
2回答
不验证隐藏字段
、、、
我有一些字段，只有在某些条件下才会显示出来，用Jquery显示和隐藏字段就可以了
但是这些字段是在提交时验证的，即使它们是隐藏的，我在模型中已经要求
如何不能验证隐藏字段?？我发现：或者我可以应用下面的
谢谢
浏览 2提问于2014-06-23得票数 0
我使用PFBC构建表单，使用jquery进行验证。我有一个元素：
array (
'name' => 'bank[Bank Name]',
'label' => $this->t('Bank Name'),
'type' => 'Textbox',
'properties' => array (
'id' => 'bank_name',
浏览 0提问于2013-03-22得票数 0
回答已采纳
3回答
我有一个带有一些输入的表单，其中一些输入是禁用的。因为它们是禁用的，所以它们不会提交包含在其中的数据。因此，我使用以下jQuery代码删除提交时的disabled属性。
jQuery(function ($) {
$('form').bind('submit', function () {
$(this).find(':input').prop('disabled', false);
});
});
当用户单击submit按钮时，将删除disabled属性，发送这些字段中的数据，并下
浏览 2提问于2016-03-22得票数 1
回答已采纳
1回答
我正在寻找一种方法，我的形式，我目前正在显示和隐藏字段的基础上选择的值在下拉，我想知道的是。
当我选择“是”并显示下面的字段时，我单击表单上的“提交”，如果返回到表单，值仍然存在，但该字段将再次隐藏.
我怎样才能在默认情况下防止这种情况发生？
我希望我的浏览器记住我提交表单后留下的jQuery更改函数状态。
浏览 3提问于2015-07-15得票数 0
回答已采纳
我有一个jquery更改函数，其中隐藏字段在满足某些条件时被设置为它们各自的值。我还有一个额外的按钮，用于检查隐藏字段的值是否发生了更改。当我提交表单时(通过按Enter键)，我在Firefox、Safari和Chrome中得到了隐藏字段的必看值，但在IE(6、7、8)和Opera10.10中没有得到。
提交表单后，其行为如下所示：
Opera/IE：
FF/Safari/Chrome：
但是，当我在Opera/IE中单击这个额外的按钮时，隐藏的字段就会被设置为1和3，当我提交表单时，这是我在Opera/IE中唯一正确的时候。我还有一个按键事件。
浏览 0提问于2009-11-26得票数 0
回答已采纳
2回答
消除对隐藏输入字段的需求
、、、、
我有几个隐藏的输入字段，用来保存javascript计算出的坐标。这些字段的用途是在提交表单时传递坐标。我通过MooTools使用了一个AJAX请求。有没有一种简单的方法可以消除隐藏的输入字段，并将它们附加到通过表单发送的$_POST数据中？
浏览 0提问于2011-06-30得票数 4
回答已采纳
1回答
所以问题来了
我有一个表单，它在提交后输出搜索结果，URL如下
http://localhost/thi/search/results?keyword=barma&search=1&minprice=nomin&maxprice=nomax&minroom=nomin&maxroom=nomax&minyear=nomin&maxyear=2010
现在我有了另一个表单，它应该通过获取搜索结果的当前url并将此表单提交的GET变量附加到该表单来过滤前一个表单的结果。
我以前试过过滤，但那是用锚链接。我该如何处理表单呢？Anny的方法？
浏览 3提问于2010-04-01得票数 0
回答已采纳
1回答
我有自定义验证器，所有的工作，除了错误消息不会被删除时，值被改变。
(function ($) {
$.validator.addMethod('lastcategory', function (value, element) {
alert(value);
return value != 0;
}, '');
$.validator.unobtrusive.adapters.addBool('lastcategory');
$.validator.setDefaults({ ignore: [] });
}(jQuery))
浏览 2提问于2013-03-12得票数 0
我的代码中有一些我昨天不理解的东西。它与JSP页面有关。该JSP页面包含一个表单，该表单具有：-2\f25 submut -2\f6按钮(具有相同的名称属性，但具有不同的值属性)-2\f25-2\f25 hidden -2\f6字段，其名称属性与两个按钮相同，但值属性不同。
我为什么要这么做？因为我需要给用户3种不同的方式提交表单。在提交时，表单调用一个servlet，该servlet将确定相关参数的值并执行适当的操作。
隐藏字段值实际上是在我通过javascript函数选择列表中的一个条目时设置的(工作方式与预期一致)。
JSP表单的代码：
<form class="form-
浏览 0提问于2015-08-01得票数 0
我有一个简单的表单，包含三到四个输入字段和一个提交按钮。
要实现的功能:在点击提交按钮时，提交按钮应该被禁用，这样就不能再点击其他按钮了。我不能把按钮藏起来。
现在，当我使用jquery/javascript禁用提交按钮时，请求也被禁用了&表单在CHROME/IE8中没有发布。
有什么解决方案吗？
编辑：
代码：
$('#submit').attr('disabled', true); OR $('#submit').prop('disabled', true);// for IE
我甚至尝试过$('#submit
浏览 6提问于2012-08-18得票数 3
3回答
我已经在我的页面上通过JQuery验证插件应用了验证。验证工作正常，但是一旦单击Clear按钮清除表单上的所有字段，然后再次单击保存按钮，验证就不会触发，表单就会提交。我在单击Clear按钮时调用了以下javascript函数来清除所有表单域：
function ResetForm() {
jQuery(':input', '#form1')
.not(':button, :submit, :reset, :hidden')
.val('')
浏览 3提问于2011-01-24得票数 0
回答已采纳
我有一个带有验证的隐藏字段，如下所示
@Html.HiddenFor(m => m.Rating)
@Html.ValidationMessageFor(m => m.Rating)
Rating属性应用了范围为1-5的Range验证器属性。它被放在一个带有提交按钮的表单中。
然后我得到了下面的jquery，它在一些用户事件(基本上是用户点击一些星级)的隐藏字段中设置值。
$(".star").click(function(){
$("#Rating").val(2);
});
现在，如果我在没有设置隐藏字段的用户事件的情况下提交表单，则验证
浏览 0提问于2011-10-17得票数 9
回答已采纳
我有一个使用jQuery验证插件在客户端验证的表单。为了简洁起见，我创建了一个简单的测试用例来展示我的问题。表单有一个文本输入字段和一个隐藏输入字段。
<script>
function testThis() {
alert('value before: ' + $("#testhidden").val());
$("#testhidden").val("sometext");
alert('value after: ' + $("#tes
浏览 19提问于2014-09-05得票数 3
回答已采纳
我创建了一个JSP页面，并且在不同的选项卡中有许多表单。因此，我添加了一个常见于所有表单的提交按钮(因此该按钮位于<form>标记之外)。在每个选项卡上，当单击提交时，将使用JQuery提交适当的表单。在各种形式中，都需要一些表单字段。我用所需的属性指定了这些字段，如下所示
<div class="control-group">
<label class="control-label input-label" for="hostname">Host :
&
浏览 2提问于2013-05-27得票数 2
回答已采纳
我正在重新构建一个包含输入字段和下拉菜单的大型表单，以便在字段被取消后通过AJAX提交，并且只有当值被更改时才提交。我有一个jQuery选择器，用于侦听表单的任何更改，如下所示。
$('.settings :input').change(function(field){
我让一切正常工作，这会在需要时触发AJAX请求，但是表单的一部分会切换表单可见性的一部分。
上面的片段是检测作为更改正在更改的子字段的显示/隐藏，并为每个字段发出单独的AJAX调用。
如果事件具有输入的值，是否可以使用更改替代方法来触发该事件，或者是否有检测该事件是否为值更改的方法？
浏览 3提问于2016-02-08得票数 1
回答已采纳
我正在使用jQuery通过AJAX提交我的表单。这将更新数据库记录，然后返回成功或失败的响应。我遇到的问题并不重要，但更多的是为了方便。
当重置表单时，它会从页面加载时(为了简单起见)将所有字段重置为默认值。这不是我想要的行为我之所以要更改这一点，是因为如果我提交了表单，然后决定再次更改该值，那么我决定将表单重置回我上次提交的值，它将重置回最初的默认值，而不是最近提交并保存在数据库中的新值。
为了更好地解释这一点，我将用表单字段显示用户用户名的过程。
Username: SomeDefaultUserNameFetched
然后我将用户名更改为Foo。
Username: Foo
我通过AJA
浏览 4提问于2012-01-07得票数 2
回答已采纳
1回答
我对Jquery很陌生。我在一个表单中工作，它有14个字段
前7个字段是可见的，和接下来的7个字段是根据div中的按钮切换的，现在总共有7字段，这是‘必需的’。3来自前7(可见部分)和4来自切换div。
问题是，当切换div是可见的时，JQuery的验证插件显示了所需的消息，如果我忽略了的7个字段中的任何一个，但是相同的插件只是在隐藏div时只检查3字段(在form的可视部分中)的验证。
。
如何在窗体的一部分是隐藏的情况下对完整的表单进行验证
现在，如果我删除文本框Address 1的值并隐藏地址部分并单击SAVE，那么即使我保留了<code>E 138</code&g
浏览 3提问于2012-04-18得票数 2
回答已采纳
目前我没有web服务器。我只想知道"Contact 7“WordPress插件中的隐藏字段是否会在提交时使用jQuery将动态添加的值(通过$("#calculated_total").val(total);这样的jQuery语法)发送给收件人电子邮件。
浏览 1提问于2017-02-21得票数 0
回答已采纳
2回答
我试着将只读属性放在复选框中，但它允许用户选中/取消选中该字段。
后来，我尝试把禁用，这是防止用户检查/取消检查。
但是当我尝试提交表单时，带有拆分值的复选框并没有传递给MVC控制器。
我尝试放置隐藏值，并试图在更改时设置值，但无法将值传递给控制器。
这是我的密码：
<div style="width:200px">@Html.CheckBoxFor(m => m.In, new { id = "cbIn", style = "vertical-align:middle;", data_bind = "checke
浏览 4提问于2016-11-16得票数 2
回答已采纳
使用jQuery的“提交”--有没有办法给表单传递额外的参数？我不希望用Ajax做到这一点-这是正常的，刷新的-典型的表单提交。
$('#submit').click(function () {
$('#event').submit(function () {
data: {
form['attendees'] = $('#attendance').sortable('toArray').toString();
});
});
浏览 0提问于2010-03-28得票数 217
回答已采纳
我已经使用jquery添加/删除了文本字段。我无法从表单提交界面中的文本字段的值形成JSON字符串。
下面是。我想在表单提交上表单JSON字符串。JSON的格式为：
{"dataList":["Thanks for calling us","Please select from the following list"]}
我该怎么做呢？
浏览 2提问于2014-08-18得票数 0
我使用readonly="true"进行了引导选择，但我仍然可以更改所选的选项。
我需要disabled="true"行为，但是当我使用它时，select不会被提交。
我需要2的组合，所选的选项不能改变，但选择必须提交。
我可以使用隐藏字段，但我希望有一个更简单的解决方案。
浏览 4提问于2015-09-29得票数 21
回答已采纳
我正在使用忍者表单，我有一个复选框字段。单击此复选框后，将显示两个输入字段。我必须使两个字段都是必需的。我怎么才能让这两个都是必需的？ 我已经使用jQuery添加了所需的属性，但是当我单击submit时，表单将被提交，并且不会显示任何错误。 I Know a Employee
浏览 21提问于2019-07-02得票数 0
1回答
我有一个jQuery代码，它根据用户选择选项显示/隐藏一些禁用的字段：
$('.fieldcontent').not('.info').hide();
$('#selector_cs').change(function() {
$('.fieldcontent').customFadeOut(100);
$('.' + $(this).val()).customFadeIn(900);
$('input').prop('disabled',false);
浏览 1提问于2013-03-20得票数 2
回答已采纳
我设法在Drupal webform中添加了提交附件的字段。
现在我所需要的就是重新设置它们的样式，只允许一次上传，再加上一个“添加更多的按钮”。我需要将%1重新定义为% 2。也许一个jquery解决方案就足够了。
如何轻松实现这一点呢？
浏览 0提问于2012-12-14得票数 0
回答已采纳
我是一个刚开始的程序员，我认为这是一个非常简单的问题。我需要通过GET请求将一个隐藏的值字段传递给php服务器代码。但是，我有两个提交(“查看我的应用程序上的所有数据”或“只查看所选的数据”)，并且只需要在单击“”按钮时添加隐藏字段值。
下面是我的代码(去掉不必要的垃圾)：
<form method='get' action=''> <!--the action is blank because it just submits to the same page its on-->
<input type='hidd
浏览 0提问于2012-12-26得票数 0
回答已采纳
我有一个表单，它包含几个字段，包括一个使用<ul data-role="listview">的远程自动完成字段，比如jQuery移动1.4.2文档状态。在桌面视图中，我使用的是<input>字段和jQuery UI自动完成。我在<ul>移动自动完成字段上获得<ul>验证错误，因为jQM创建的<input>字段不包含该值。顺便说一句，我使用的是MVC 5，还有一些不可靠的验证。
这是我使用的jQuery移动HTML代码：
<div data-role="page" id="myPage
浏览 1提问于2014-04-16得票数 0
回答已采纳
2回答
<input name="input1" id="input1" type="text" value="" class="problem">
<input name="input2" id="input2" type="text" value="" class="hidden">
我试图使用另一个文本输入字段(例如，input#input2)的当前值(如input#input1) (未提交)使用jQuery填充
浏览 3提问于2014-02-10得票数 1
回答已采纳
如果使用javascript更改了任何字段，如何使用Jquery？
我有一个隐藏的字段，它的值是随着使用javascript的其他字段的改变而改变的。
现在我想要jquery事件函数，它可以跟踪隐藏字段的变化并执行所需的操作。
我试着这样做：
jQuery("#bannersize").change(function()
但它并没有像我想要的那样对我起作用。
我该怎么做呢？
浏览 0提问于2010-09-29得票数 2
回答已采纳
1回答
我有一个表单，我正在填写一个ajax请求。大部分工作都进展顺利，但我似乎不能将下拉列表的值赋给隐藏变量。
其思想是这样的:您选择一个先前已完成的分配，该分配提交一个ajax请求，然后从该请求中，我填充表单的所有值。
您还可以选择删除(删除)此工作分配。为此，我需要获取id的值(它在ajax请求中返回)并将其填充到一个隐藏字段中。此隐藏字段的形式不同。当我尝试提交此表单时，该字段未填写。
示例代码：
function loadQuery() {
var assign = $("#existingAssignment").val(); // Get the value of
浏览 0提问于2013-06-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
