使用 JQuery/Javascript 将值放置到隐藏字段答案

【问题标题】：Place values to hidden field using JQuery/Javascript使用 JQuery/Javascript 将值放置到隐藏字段
【发布时间】：2013-09-30 08:00:35
【问题描述】：

我正在尝试使用 JQuery 将数据放置到隐藏字段中，我想将文本放置到该字段中带有自定义值的“fieldName”，但我不知道如何使用 jQuery 将文本传递给字段。

我使用的代码是：

$('span.open-apply-modal').click(function(){
    $('#apply-modal, #modal-backdrop').fadeIn(150);

});

该字段位于 div apply-modal 内。

我想在调用 FadeIn(150) 后将值“Accountant”放入隐藏字段。我该怎么做？

【问题讨论】：

标签： javascript php jquery forms hidden-field

【解决方案1】：

试试：

$('span.open-apply-modal').click(function(){
    $('#apply-modal, #modal-backdrop').fadeIn(150);
    $("#hidden_field_id").val('Accountant');
});

要在执行淡入淡出之后放置值，试试这个：

$('#apply-modal, #modal-backdrop').fadeIn(150, function(){
    $("#hidden_field_id").val('Accountant');
});

【讨论】：

那不是在淡入淡出之后
它将在执行淡入淡出线之后，淡出完成之前执行。
很高兴为您服务
如果它解决了您的问题，请考虑接受答案。 @mplungjan
不是我的问题。但是我的建议你添加到你的答案中

【解决方案2】：

假设你的隐藏字段像

<input type="hidden" name="account_field" id="account_field">

现在在 js 中

$('span.open-apply-modal').click(function(){
    $('#apply-modal, #modal-backdrop').fadeIn(150);
    $("#account_field").val("Accountant");
});

如果您遇到任何问题，请告诉我。

【讨论】：

【解决方案3】：

使用 .val() 添加文本

$('#fieldName').val('Accountant');

假设“fieldName”是一个 id。

您的代码将是

$('span.open-apply-modal').click(function(){
    $('#apply-modal, #modal-backdrop').fadeIn(150);
    $('#fieldName').val('Accountant');


});

【讨论】：

【解决方案4】：

你可以使用jquery函数val()。 val 函数的文档。试试这个：

$('span.open-apply-modal').click(function(){
    $('#apply-modal, #modal-backdrop').fadeIn(150, function() {
        $('#fieldName').val('Accountant');
    });
});

【讨论】：

【解决方案5】：

要在fadeIn 完成后这样做，请使用callback

$('span.open-apply-modal').on("click",function(){
  $('#apply-modal, #modal-backdrop').fadeIn(150,function() {
    $("#account_field").val("Accountant");
  });
});

【讨论】：

【解决方案6】：

你可以使用上面推荐的使用fadeIn回调函数的方法或者你可以使用setTimeout函数：-

$('span.open-apply-modal').on("click",function(){
 $('#apply-modal, #modal-backdrop').fadeIn(150);
   setTimeout(function(){
     $("#account_field").val("Accountant");
   }, 150);
});

【讨论】：