點擊後製作標籤文本框

Question

我在網頁上顯示的表中有金額欄。

我想要做的是當頁面打開顯示數量作爲標籤。

當用戶點擊數量時它變得像文本框一樣可編輯。

Answer 1

你的意思是這樣的（使用jQuery）：

<span id="amount">3.25</span> 
<input id="amount_entry" name="amount" style="display:none;"></input> 

$('#amount').click(function() { 
    $('#amount').css('display', 'none'); 
    $('#amount_entry') 
     .val($('#amount').text()) 
     .css('display', '') 
     .focus(); 
}); 

$('#amount_entry').blur(function() { 
    $('#amount_entry').css('display', 'none'); 
    $('#amount') 
     .text($('#amount_entry').val()) 
     .css('display', ''); 
}); 

樣品演示：http://jsfiddle.net/LFgxr/