JavaScript 直接點擊,直接編輯

很多時後我們做WEB 資訊系統時,編輯一筆資料常常需要按一下編輯然後換到下一頁

有時不想這麼做時,想直接編輯可不可以呢,答案是可以的 ,  我做了一個範例

先在畫面上做一個顥示
<span onclick="edit(this, 'save', '101')">進貨單號100</span>


JavaScript 的部份是 ,先取得原先在此標籤上的文字,然後再建一個方塊
代入文字資料 , 然後再建一個方塊, Append 進來

<script>

     
function edit(obj, act, id)
{

 var org = obj.innerHTML;
 var txt = document.createElement("INPUT");
 txt.value = org;
 txt.style.width = (obj.offsetWidth + 12) + "px" ;


 obj.innerHTML = "";
 obj.appendChild(txt);
 txt.focus();
}
</script>