mostrar el campo del formulario al hacer clic en un enlace con javascript / jquery

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? Thanks.

preguntado el 09 de enero de 11 a las 02:01

3 Respuestas

Hey, here's a simple example:

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;
   });
});

¡Salud

G.

Respondido el 09 de enero de 11 a las 05:01

Put the link in a div-element. Al hacer clic el enlace, vacío the div and anexar esta form box.

Respondido el 09 de enero de 11 a las 05:01

Here is the simple code by using HTML and 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>

Gracias

Respondido el 13 de enero de 19 a las 23:01

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.