Home/ Questions/Q 8177327
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T23:28:52+00:00

This is my jquery for displaying a textbox on clicking anchor tag $(a).click(function ()

  • 0

This is my jquery for displaying a textbox on clicking anchor tag

$("a").click(function () {

var textbox = $('<input id="txt1" type="text" />')

var oldText = $(this).text();

 $(this).replaceWith(textbox);

           textbox.val(oldText);

     $(this).html($('<input id="txt1" type="text" />').val())

     });

My anchor tag

 <a>hello</a>

Using this when textbox is displayed with text i want to change the text in the textbox and display back the new text of anchortag

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this :

    jQuery(document).ready(function(){

$('html').click(function(e){
        if(e.target.id == 'txt1' || e.target.id == 'link1') {
                var textbox = $('<input id="txt1" type="text" />')
                var oldText = $(jQuery("#link1")).text();
                $(jQuery("#link1")).replaceWith(textbox);
                textbox.val(oldText);
                $(jQuery("#link1")).html($('<input id="txt1" type="text" />').val())
       } else {
          var newText =  jQuery('#txt1').val()
          var link = jQuery("<a id='link1'></a>");
          jQuery('#txt1').replaceWith(link);
          jQuery('#link1').text(newText);
      }
    });
});
</script>
<html>
<body>
<a id="link1">hello</a></body>
</html>

    Here is the DEMO

    • 0