2017-01-19 47 views
0

我想提交一個textarea表單到數據庫。在textarea中,應該有一個標準的「PLease enter ...」,然後當登錄用戶按下表格側面的「編輯」按鈕時,它應該使textarea可編輯。之後,它應該允許用戶將內容提交到數據庫中。編輯內容onclick並提交到數據庫PHP

我無法編輯內容,因爲它會自動提交表單而無需單擊提交按鈕。

以下是我迄今所做的代碼:

<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

試試這個鏈接。 http://stackoverflow.com/questions/7694694/how-to-disable-a-text-area –

+0

請參閱我修正的答案。 – Gezzasa

回答

0

刪除$(本)的.text( '提交');

基本上你會告訴textarea變得可編輯,然後立即提交表單。

此外,您的偵聽器可能會在該元素加載到DOM之前調用。將函數放置在$(document).ready函數中。如果這不起作用,請嘗試下面的波紋管。

更改按鈕下面

<div id='edit' onclick="enableText()">Edit</div> 

這個腳本添加到您的網頁

function enableText(){ 
    document.getElementById("editable").disabled = false; 
}; 
+0

嗨@Gezzasa,我試過,但它也不起作用。該代碼用於更改編輯按鈕以提交按鈕。 – Kuroko