Question

如何通过单击链接显示表单字段，我想在链接的同一位置显示字段（使用jquery / javascript），以便链接消失并显示表单框？感谢。

Answer 1

嘿，这是一个简单的例子：

CSS：

.myclassname .form{display:none;}

HTML：

<div class="myclassname">
   <a href="#" class="mylink">Link</a>
   <div class="form">
      <input type="text" value="" name="myinput" id="myinput"/>
   </div>
</div>

jQuery的：

$(function(){
   $('.myclassname .mylink').click(function(){
      $(this).hide();
      $('.myclassname .form').show();
      return false;
   });
});

干杯

-G。

Answer 2

将链接放在div元素中。 On clicking链接，empty div和append 表单框。

Answer 3

这是使用HTML和JavaScript的简单代码。

<body>
<a href="#" id="mylink" onclick="myfunction();">MY</a>
<div id="myform" style="display:none">
    <form>
        <label>Name</label>
        <input type="text">
        <input type="submit">
    </form>
 </div>
<script>
    function myfunction(){
    document.getElementById("myform").style.display = "block";
    document.getElementById("mylink").style.display = "none";
    }
</script>
</body>

谢谢

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

3 个答案: