Question

我们可以在点击时打开FORM时传递HTML属性ID吗？我有以下代码

$(".abc").on("click",function() {
  var id = $(this).attr('id');
  $(".XYZ-form").fadeIn("fast");
}

我想将var id传递给XYZ表单，以便一旦显示该表单将显示该属性。

HTML表单采用以下格式

<div class=".XYZ-form">
  <table>
    <tr>
     <TD>attribute value</TD>
     <TD input type="text" value=""></TD>
    </tr>
  </table>
</div>

此值应显示来自jquery的var id的值。

Answer 1

您可以使用fadeIn方法 - 函数的第二个参数，该参数在动画完成时执行。在该功能中，您可以做任何您需要做的事情（因为pass var id to XYZ-form的意思不是很明确）：

$(".abc").on("click",function() {
  var id = $(this).attr('id');
  $(".XYZ-form").fadeIn("fast", function(){
     // this function is executed when animation completes

     // access the form that was animated
     var formThatWasAnimated = $(this);
     // find first input element on the form
     var firstInputElementInTheForm = formThatWasAnimated.find('input:first');
     // set the value of input element
     firstInputElementInTheForm.val(id);
  });
}

在JQuery表单中传递属性fadeIn

1 个答案: