单击后制作标签文本框

make a label textbox after click

本文关键字：文本 标签 单击      更新时间：2023-09-26

我有一个显示在网页上的表格的金额列。

我想做的是当页面打开时显示金额作为标签。

当用户点击金额时，它变成可编辑的文本框。

你的意思是像这样(使用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/

相关文章：