如何获取值并删除文本框jQuery

Question

我创建了一个文本框并将其附加到我的div：

    $('<input />').appendTo("#box")

我想获取用户输入的值。

我也想删除文本框。我试过这个：

    $('<input />').remove();

但没有运气。有任何想法吗？非常感谢。

Answer 1

$(function() {
    $('#box').on('change','input:text',function() {
        var userInput = $(this).val();
        $(this).remove();
    });
});

Answer 2

你想尝试

$("#box").find("input").remove();

如果您在#box中有其他一些您不想删除的文本框，请在input附加#box后添加ID或类别。

 $('<input />', { "class" : "remove-soon" }).appendTo("#box");

然后，您可以使用该类作为选择器来删除它。

$("#box").find(".remove-soon").remove();

要获取您使用的文本框的值，

$("#box").find(".remove-soon").val();

Answer 3

JSbin工作代码http://jsbin.com/aVuVedA/1/edit

获取输入值

var user_value = $('#box input').val();

删除

$('#box input').remove();