单击javascript/jquery链接时显示表单字段

Luc*_*ka 2 html javascript forms jquery

如何通过单击链接显示表单字段,我想在链接的同一位置显示字段(使用jquery/javascript),以便链接消失并显示表单框?谢谢.

小智 5

嘿,这是一个简单的例子:

CSS:

.myclassname .form{display:none;}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="myclassname">
   <a href="#" class="mylink">Link</a>
   <div class="form">
      <input type="text" value="" name="myinput" id="myinput"/>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$(function(){
   $('.myclassname .mylink').click(function(){
      $(this).hide();
      $('.myclassname .form').show();
      return false;
   });
});
Run Code Online (Sandbox Code Playgroud)

干杯

G.