我正在尝试将textarea表单提交到数据库。在textarea中,应该有一个标准的“PLease enter ...”然后当登录用户按下表单侧面的“编辑”按钮时,它应该使textarea可以编辑。之后,它应该允许用户将内容提交到数据库中。
我无法编辑内容,因为它在不单击提交按钮的情况下自动提交表单。
以下是我到目前为止所做的代码:
<div id="review">
<script>
$('#edit').click(function(){
$('#editable').removeAttr('readonly');
$(this).text('submit');
});
</script>
<form action="" method="post">
<textarea cols="50" rows="6" id='editable' readonly>Please post...!</textarea>
<button id='edit'>Edit</button>
<input type="submit" id="submit" name="submit" value="save" onclick="return confirm('Is the form filled out correctly?')"/>
</form>
</div>
答案 0 :(得分:0)
删除$(this).text('submit');
基本上你告诉textarea可以编辑,然后立即提交表格。
此外,在将该元素加载到DOM之前,可能会调用您的侦听器。将函数放在$(document).ready函数中。如果这不起作用,请尝试以下方式。
将按钮更改为以下
<div id='edit' onclick="enableText()">Edit</div>
并将此脚本添加到您的页面
function enableText(){
document.getElementById("editable").disabled = false;
};