javascript - 編集をクリックしたテキストの一部にテキストボックスを動的に追加するにはどうすればよいですか?

Question

ウェブページを作成しています。マイ アカウント ページは、多かれ少なかれ「Facebook の」アカウント ページに似ています。

マイページ画像：http ://tinypic.com/r/2e51t2t/5

このページでは、編集をクリックしたテキストの一部にテキストボックスを動的に追加したいと考えています。新しいページに移動することで同じことを達成できることはわかっていますが、同じページで動的に実行したいと考えています。

Answer 1

テキストボックスを無効または読み取り専用に設定してから、JQueryを使用してクリック（編集）イベントをトリガーできるようにします。このようなものを試すことができます。

<input type='text' name='username' id='user' readonly> <a href='#' id='edit_user'>Edit</a>
<script type='text/javascript'>
    $(document).ready(function()
    {
         $('#edit_user').click(function()
         {
             $('#user').removeProp('readonly');
         });
    });
</script>