使用 JQuery/Javascript 将值放置到隐藏字段 - Place values to hidden field using JQuery/Javascript

Place values to hidden field using JQuery/Javascript

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

我使用的代码是：

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

该字段位于div 应用模式内。

我想在调用 FadeIn（150）后将值"Accountant"放入隐藏字段。我该怎么做？

尝试：

$('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');
});

假设您的隐藏字段像

<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");
});

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

使用 .val（） 添加文本

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

假设"字段名称"是一个 id。

您的代码将是

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

});

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

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

要在淡入完成后执行此操作，请使用回调

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

您可以使用上面建议的方法使用回调函数进行 fadeIn，也可以使用 setTimeout 函数：-

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