Question

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

我使用的代码是：

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

});

该字段位于div apply-modal中。

我希望在调用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

要在fadeIn完成后执行此操作，请使用callback

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

使用JQuery / Javascript将值放入隐藏字段

6 个答案: