jQuery可编辑/不可编辑的表单

时间:2011-11-28 07:03:14

标签: jquery forms

我想在单击编辑锚标记时使我的表单可编辑,一旦表单发布,它将重新加载页面。然后表单应该只能查看(带标签标签),不可编辑。当我再次单击编辑锚标记时,它应该是可编辑的(输入元素将转换为标签)。

我想要的是将输入标签转换为具有相同值的标签。

我有一个用作导航栏的div

<div id="nav". <a href="">edit</a> </div>

我的表格

<form id="profile-form" action="save.php">
<input type=text id="name" name="name">
<input type=text id="email" name="email">
</form>

我尝试了一些jquery,但它没有用。

('#edit').click(function) { $('#profile-form').html(<label><?php $_POST['name']?></label>)
 )};

1 个答案:

答案 0 :(得分:0)

有一些拼写错误,可能导致错误的结果

<div id="nav"> 

此外,您正在尝试访问id = edit的元素,不存在。 我猜     修改

$('#edit').click(function() {
    ...
});

这将是正确的一组陈述。你的jQuery结构在语法上是不正确的。