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

Question

How can I show a form field by clicking a link , i want to show the field (with jquery/javascript) on samee place of link, so that link disappears and form box appears? 如何通过单击链接显示表单字段，我想在链接的相同位置显示该字段（使用jquery / javascript），以便链接消失并显示表单框？ Thanks. 谢谢。

Answer 1

Hey, here's a simple example: 嘿，这是一个简单的例子：

CSS: CSS：

.myclassname .form{display:none;}

HTML: HTML：

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

jQuery: jQuery的：

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

Cheers 干杯

G. G。

Answer 2

Put the link in a div-element. 将链接放在div元素中。 On clicking the link, empty the div and append the form box . 单击链接后，清空 div并添加 表单框 。

Answer 3

Here is the simple code by using HTML and JavaScript. 这是使用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>

Thank's 谢谢

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

问题描述

3 个解决方案

解决方案1
5 已采纳 2011-01-09 02:40:50

解决方案2
1 2011-01-09 02:35:41

解决方案3
0 2019-01-13 20:05:08

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

问题描述

3 个解决方案

解决方案1 5 已采纳 2011-01-09 02:40:50

解决方案2 1 2011-01-09 02:35:41

解决方案3 0 2019-01-13 20:05:08

解决方案1
5 已采纳 2011-01-09 02:40:50

解决方案2
1 2011-01-09 02:35:41

解决方案3
0 2019-01-13 20:05:08