javascript - 使用 JQuery/Javascript 将值放置到隐藏字段

Question

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

我使用的代码是：

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

});

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

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

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

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

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

Answer 3

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

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

Answer 4

使用.val()添加文本

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

假设“fieldName”是一个 id。

您的代码将是

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


});

Answer 5

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

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

Answer 6

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

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