如何使用jQuery更改文本以输入和获取输入值?

时间:2012-04-04 11:27:52

标签: jquery

我有以下问题。单击文本后我想用输入更改此文本。在此输入中插入值并按ENTER后,我想返回输入值。

我使用此代码但在点击输入后没有工作:(:

$(document).ready(function() {

    $('.qty_new').click(function(){
        $(this).replaceWith("<input class='newVal' value='' />");
        return false;

        $('.newVal').keypress(function(e){
            var qty=$(this).val();
            var code =null;
            code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13){
               alert('ratata');
            } 
        });
    });


    <span class='qty_new'>100</span>

提前致谢!

1 个答案:

答案 0 :(得分:1)

请看我的小提琴 - 代码工作正常

http://jsfiddle.net/R6z9S/

刚刚摆脱return false;


$(document).ready(function() {

    $(document).on('click','.qty_new',function(){
        $(this).replaceWith("<input class='newVal' value='' />");

        $('.newVal').keypress(function(e){
            var qty=$(this).val();
            var code =null;
            code = (e.keyCode ? e.keyCode : e.which);
            if(e.keyCode == 13) {
                alert('You pressed enter! '+qty);
            }
        });
    });
})