ダイアログボックスからHTMLボディに値を追加する

Question

ダイアログボックスのテキストボックスからhtml本文に値を追加する際に問題があります。

<div id="dialog-form"> 
    <form> 
    <label for="name">Name</label> 
    <input type="text" name="name" id="txt2 codein" class="text ui-widget-content ui-corner-all" /> 
    </form> 
</div> 
<p>Please are you <span id="addname"></span> 

setTimeout(function() { 

$("#dialog-form").dialog({ 
    modal: true, 
    draggable: false, 
    height: 300, 
    width: 500, 
    open: function() { 
     $('body').addClass('stop-scrolling'); 
    }, 
}); 

},4000); 

var keeptrying = function(e) { 
var addmust = $('#dialog-form #codein').val(); 

$("#addname").append("#dialog-form #codein"); 
} 

すべてのヘルプと答えがここに感謝

Answer 1

を高く評価している私は、これはあなたが探しているものだと思いソリューション​​

setTimeout(function() { 
    $("#dialog-form").dialog({ 
     modal: true, 
     draggable: false, 
     height: 300, 
     width: 500, 
     open: function() { 
      $('body').addClass('stop-scrolling'); 
     } 
    }); 
},4000); 

$('#codein').keypress(function() { 
    $("#addname").html($('#codein').val()); 
}); 

で行きます。