Как сохранить текст в DOM

Question

Как я могу добиться этого с помощью jQuery.У меня есть два ввода текста на странице, поэтому, когда пользователи ввели текст и покинули поле ввода, этот текст будет вставлен в DOM, чтобы я мог получить к нему доступ?

РЕДАКТИРОВАТЬ:

Чтобы уточнить, у меня есть это:

Expected Delivery Date: <input id="exp" type="text"></input>

Что я пытаюсь сделать, это напечатать содержимое страницы, но не печатает это входное значение?

Это единственный вводМне нужно от пользователя, поэтому я хотел избежать отправки формы только для одного ввода!

Answer 1

Ваши входы уже находятся в DOM, вы можете получить их значение с помощью .val() следующим образом:

var myValue = $("#inputID").val();

Возможно, вам придется использовать другой селектор но идея остается прежней, это $(selector).val() или возможно this, например, если вы хотите значение, когда пользователь уходит:

$("input").blur(function() {
  alert($(this).val());
});

Вы можете проверить его здесь .

Answer 2

Как то так?

$('.my-input-fields').blur(function() {

   var div = $('<div/>');
   div.html( $(this).val() );

   $('#DOMplaceOfEntry').append(div);

});