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

Posted 2023-03-05

【中文标题】如何获取值和删除文本框jQuery

【英文标题】：How to get value and remove text box jQuery

【发布时间】：2013-08-19 19:54:52

【问题描述】：

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

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

我想获取用户输入的值。

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

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

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

【问题讨论】：

api.jquery.com/category/selectors

CSS selector for text input fields?的可能重复

js bin 工作代码jsbin.com/aVuVedA/1/edit

【参考方案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();
    );
);