JavaScript - 返回 [object Object]

Question

我正在开发一个动态表单，该表单根据用户输入将输入字段组附加到页面。由于需要附加到其中一些元素的一些附加功能，我需要将它们创建为 JSON 对象。当我仅使用一个输入元素测试此方法时，该元素会附加到页面，没有问题。但是，当我尝试将第二个元素合并到流程中时，我将 [object Object] [object Object] 附加到页面。

这是要点...

//THIS IS THE PROBLEM FUNCTION, WHICH IS TRIGGERED BY THE CHANGE FUNCTION BELOW
function generateInput(siteNumber, x){

    select = $("<select/>", {
                id: 'select'+siteNumber+''+x+'',
                name: 'select'+siteNumber+'['+x+']'
                }).append(list);

    notes = $("<input/>", {
                type: 'text',
                id: 'notes'+siteNumber+''+x+'',
                name: 'notes'+siteNumber+'['+x+']'
                });


    //IF I RETURN ONE OR THE OTHER, NO PROBLEM
    return select + notes;
};

$(document).on("change", ".number_select", function(){
    siteNumber = $(this).parent().attr('data-site_number');
    numberFound = $(this).val();

    for(x = 1; x <= numberFound; x++){
        this['inputArray' + siteNumber].push(generateInput(siteNumber, x));
     };

     $(this).parent().append(this['inputArray' + siteNumber]);
});

我认为问题出在我在 generateInput 末尾返回元素的方式，但我不确定处理此问题的正确方法。基本上，我的目标是获得旁边有文本元素的选择元素。

非常感谢!

Answer 1

如果其中一个项是字符串，+ 运算符将调用其中一个项的 toString() 方法。

这不是你想要的，你想要的是将 jQuery 对象合并为一个

因此

return select + notes;

可能成为( see jquery doc for add ):

return select.add(notes);