将对话框中的值附加到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

您可以使用解决方案https://jsfiddle.net/g9m1pqmu/

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());
});

我想这就是你要找的东西。