如何动态地将文本框添加到文本部分我点击编辑？

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>