Javascript 单击后创建标签文本框

我在网页上显示的表格中有“金额”列

我想做的是当页面打开时，以标签的形式显示金额

---

当用户单击金额时，它会像文本框一样可编辑。

您的意思是这样的（使用）：

3.25
$（“#金额”）。单击（函数（）{
$（'金额'）.css（'显示'，'无'）；
$（“金额”分录）
.val（$（“#金额”）.text（）
.css（'显示'，''）
.focus（）；
});
$（“#金额_条目”）.blur（函数（）{
$（'amount'u entry'）.css（'display'，'none'）；
$（“#金额”）
.text（$（“#金额#分录”）.val（）
.css（'显示'，''）；
});

---

示例演示：

您能否尝试重新编写您的问题，并提供一些示例HTML？不清楚你在问什么，就是这样。谢谢你的帮助，我的朋友，但一件重要的事情是，当我提交此页面时，我能获得标签的值吗？我已经在输入中添加了

name=“amount”

，它应该作为

amount

发布到服务器上。

<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', '');
});