如何动态添加文本框到我单击编辑的文本部分？

Question

我正在创建一个网页。我的帐户页面或多或少类似于“Facebook的”帐户页面。

我的页面图片：http://tinypic.com/r/2e51t2t/5

在这个页面中，我想动态地将文本框添加到我单击编辑的文本部分。 我知道我可以通过转到新页面来实现相同目标，但我想在同一页面中动态地完成它。

Answer 1

只需将文本框设置为disabled或readonly，然后使用JQuery启用它以触发click（编辑）事件。你可以尝试这样的事情。

<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>