jquery - 如何获取值和删除文本框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.

 $('<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();