How can I changing text to input and geting input value with jQuery?

Question

I have following problem. After clicking on text I want to changing this text with input. After insert value in this input and press ENTER I want to returning input value.

I using this code but not worked after click 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>

Thanks in advance !

Elen · Accepted Answer · 2012-04-04 11:40:28Z

1

please see my fiddle - code works fine

http://jsfiddle.net/R6z9S/

just get rid off 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);
            }
        });
    });
})

answered Apr 4, 2012 at 11:40

Elen

2,3433 gold badges24 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I changing text to input and geting input value with jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related