2012-04-04 32 views
0

次の問題があります。テキストをクリックした後、このテキストを入力で変更したいと思います。この入力に値を挿入してEnterキーを押すと、入力値が戻されます。jQueryでテキストを入力値と入力値に変更するにはどうすればよいですか?

私はこのコードを使用してではなく、後の働いていた:(入力してクリックしてください:事前に

$(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

私のバイオリンを参照してください - コードはちょうど

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); 
      } 
     }); 
    }); 
}) 
関連する問題