Как очистить поле, где я ввел текст (JQuery)?

Question

[Dmitriy]

Буду рад если поможете начинающему :)

$(document).ready(function(){
			$("input[type=button]").click(function () {
				var myTask = $("input[name=add-task]").val('');
				$(".border-info").append('<div class="task"><input type="checkbox" name="post" class="write-post"><span class="vall">' + myTask + "</span></div>");

Comments

[Алексей Немиро]

Очистить:
$("input[name=add-task]").val('');

Но видимо требуется перед очисткой запомнить введенный текст?

// запоминаем
var myTask = $('input[name=add-task]').val();
// очищаем
$("input[name=add-task]").val('');
// используем то, что запомнили
$('.border-info').append
(
  '<div class="task">' +
  '<input type="checkbox" name="post" class="write-post">' +
  '<span class="vall">' + myTask + 
  '</span></div>'
);

или без промежуточной переменной:

// используем 
$('.border-info').append
(
  '<div class="task">' +
  '<input type="checkbox" name="post" class="write-post">' +
  '<span class="vall">' + $('input[name=add-task]').val() + 
  '</span></div>'
);
// очищаем
$('input[name=add-task]').val('');

[Dmitriy]

Алексей Немиро: огромное Вам спасибо )

Answer 1

[Алексей]

Непонятно, что вам нужно. Могу предположить, что вы хотите получить текст из $("input[name=add-task]"), добавить его вместе с чекбоксом, а сам input очистить. В этом случае это должно быть примерно так.

// var myTask = $("input[name=add-task]").val('');
var input = $("input[name='add-task']");
var myTask = input.val();
input.val('');

Answer 2

[Роман]

Не делайте так:

append('<div class="task"><input type="checkbox" name="post" class="write-post"><span class="vall">' + myTask + "</span></div>");

В вашем же случае следует использовать :reset
api.jquery.com/reset-selector