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

【问题标题】：How to get value and remove text box jQuery如何获取值和删除文本框jQuery
【发布时间】：2013-08-19 19:54:52
【问题描述】：

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

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

我想获取用户输入的值。

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

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

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

【问题讨论】：

【解决方案1】：

你想试试

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

如果您在#box 中还有一些其他不想删除的文本框，请在将input 附加到#box 时将其添加到input。

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

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

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

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

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

【讨论】：

【解决方案2】：

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

获取输入值

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

删除

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

【讨论】：

【解决方案3】：

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

【讨论】：