Javascript JQuery动态添加按钮，按钮中没有文本

当我尝试从jQuery创建按钮时，文本出现在我创建的按钮元素之外。我尝试过单独或作为一个组创建每个按钮，但这两种方法似乎都不起作用。我做错了什么

<div id = 'output_div'></div>

var main = function(){
    var selections = ['derp', 'herp', 'merp', 'foo'];


    //individually creating each button
    for(var i = 0; i < selections.length; i++){
        $('#output_div').append("<input type='button'>" + selections[i] +
          "</input>");
    };

    $('#output_div').append('<br><br>');


    //buttons all created at the same time
    var group_buttons = '';

    for(var i = 0; i < selections.length; i++){
        group_buttons += ("<input type='button'>" + selections[i] + "</input>");
    };

    $('#output_div').append(group_buttons);
};

$(document).ready(main);

---

作为输入类型按钮属性，使用value=selections[i]keep Ur quotes carear作为输入类型按钮属性，使用value=selections[i]keep Ur quotes carear将按钮文本设置为的值属性，或将按钮呈现为：

$function{ 变量选择=['derp'，'herp'，'merp'，'foo']； 对于变量i=0；i将按钮文本设置为的值属性，或将按钮渲染为：

$function{ 变量选择=['derp'，'herp'，'merp'，'foo']； 对于变量i=0；i按钮也可以以这种方式创建：

$('<button/>', {
    text: selections[i]
 })

var main=函数{ 变量选择=['derp'，'herp'，'merp'，'foo']； //单独创建每个按钮 对于变量i=0；i按钮也可以以这种方式创建：

$('<button/>', {
    text: selections[i]
 })

var main=函数{ 变量选择=['derp'，'herp'，'merp'，'foo']； //单独创建每个按钮 对于变量i=0；i使用jquery创建按钮的另一种方法如下：

var dynamicButton = $('<button/>', {
    text: selections[i],
    id: 'dynamicButton_'+i
});
$('#output_div').append(dynamicButton);

---

使用jquery创建按钮的另一种方法如下：

var dynamicButton = $('<button/>', {
    text: selections[i],
    id: 'dynamicButton_'+i
});
$('#output_div').append(dynamicButton);

---

按钮类型的输入具有名为value的属性。你需要设置它。当然修复了此问题：button类型的输入具有名为value的属性。你需要设置它。当然修复了此处的问题：