Javascript 根据用户提供的值添加文本输入w/jQuery

HTML:

jQuery：

<input type="text" id="inputsNum" />
<div id="content"></div>

$（“#inputsum”）.bind（'change paste keyup'，function（）{
var count=$（this.val（），
content=“”；
对于（变量i=0；i

嗨

想让用户根据提供的值添加多个文本输入吗

我写了上面的代码，但根据我提供的值，我得到了重复的[object]错误，这意味着它可以工作，但为什么它不附加文本输入

需要你的帮助吗

---

谢谢

您可以尝试将

content+=$（this）.附加（$（''）.prop（'type'，'text'））

替换为

content+=”

您正在使用的
append
函数返回的是一个对象，而不是您期望的HTML字符串。因此，当您将其添加为字符串时，对象的toString（）方法将其转换为[object object]，并将其附加到HTML中

$（文档）.ready（函数（）{
$（“#inputsum”）.bind（'change paste keyup'，function（）{
var count=$（this.val（），
content=“”；
对于（变量i=0；i

$("#inputsNum").bind('change paste keyup', function () {
    var count = $(this).val(),
        content = "";
    for (var i = 0; i < count; i++)
    {
       content += $(this).append($('<input>').prop('type', 'text'));
    }
    $(this).next().html(content);  
});

$(document).ready(function() {
    $("#inputsNum").bind('change paste keyup', function () {
        var count = $(this).val(),
            content = "";
        for (var i = 0; i < count; i++)
        {
           content += '<input type="text" />';
        }
        $('#content').html(content);
    });
});