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>