Javascript 使用Jquery在select标记中插入动态选项

我编写了以下jquery代码：

$(document).ready(function(){
    $(document).on('change', '.prova > .target', function() { 
    $('div').removeClass('prova');
    $(this).parent().after($('<br>'), $('<div>', {"class": 'prova'}).append(
        $('<select>', {"class": 'target'}).append(        
            $('<option>', {value: 'option1', text: 'Option 1'}),
            $('<option>', {value: 'option2', text: 'Option 2'})      
            ),$('<input>', {type: 'number', style: 'width: 35px', min: '1', max: '99', value: '1'}),
        $('<button>', {type: 'button' , "class": 'remove_item', text: 'delete' })));
    });    
});

如何在jquery代码中集成上面列出的选项而不是静态插入：

...
$('<option>', {value: 'option1', text: 'Option 1'}),
$('<option>', {value: 'option2', text: 'Option 2'}) 
...

。。。
$（''，{value:'option1'，text:'option1'}），
$（''，{value:'option2'，text:'option2'}）
...

您可以执行以下操作：

var $mySelect = $('<select>', {
    class: 'target'
});
$.each(obj, function (val, text) {
    $mySelect.append($('<option />', {
        value: val,
        text: text
    }));
});
var $input = $('<input>', {
    type: 'number',
    style: 'width: 35px',
    min: '1',
    max: '99',
    value: '1'
});

var $button = $('<button>', {
    type: 'button',
    class: 'remove_item',
    text: 'delete'
});

$(this).parent().after($('<br>', {
    class: 'acapo'
}), $('<div>', {
    class: 'prova'
}).append($mySelect, $input, $button));

var$mySelect=$（“”{
类别：“目标”
});
$。每个（对象、函数（val、文本）{
$mySelect.append（$（''）{
值：val，
文本：文本
}));
});
变量$input=$（''{
键入：“编号”，
样式：“宽度：35px”，
min:'1'，
马克斯：“99”，
值：“1”
});
变量$button=$（''{
键入：“按钮”，
类：“删除_项”，
文本：“删除”
});
$（this）.parent（）。在（$（“
”）之后{
班级：'acapo'
}), $('', {
课程：“普罗瓦”
}).append（$mySelect，$input，$button））；

您可以执行以下操作：

var $mySelect = $('<select>', {
    class: 'target'
});
$.each(obj, function (val, text) {
    $mySelect.append($('<option />', {
        value: val,
        text: text
    }));
});
var $input = $('<input>', {
    type: 'number',
    style: 'width: 35px',
    min: '1',
    max: '99',
    value: '1'
});

var $button = $('<button>', {
    type: 'button',
    class: 'remove_item',
    text: 'delete'
});

$(this).parent().after($('<br>', {
    class: 'acapo'
}), $('<div>', {
    class: 'prova'
}).append($mySelect, $input, $button));

var$mySelect=$（“”{
类别：“目标”
});
$。每个（对象、函数（val、文本）{
$mySelect.append（$（''）{
值：val，
文本：文本
}));
});
变量$input=$（''{
键入：“编号”，
样式：“宽度：35px”，
min:'1'，
马克斯：“99”，
值：“1”
});
变量$button=$（''{
键入：“按钮”，
类：“删除_项”，
文本：“删除”
});
$（this）.parent（）。在（$（“
”）之后{
班级：'acapo'
}), $('', {
课程：“普罗瓦”
}).append（$mySelect，$input，$button））；

---

谢谢你@Palash。我知道这一点，但我不能将这段代码集成到jquery代码中。如果我想创建每个新的select，除了所选的选项外，选项必须与之前的选项相同。例如，在第一次选择中，我有选项1，选项2…选项5，因此如果我选择选项2，在新的选择中，我只需要四个选项（选项1，选项3…选项5），我必须考虑一下，同时你也可以将其作为一个问题发布，以便其他用户也可以在这方面帮助你并给出一些想法…谢谢你@Palash。我知道这一点，但我不能将这段代码集成到jquery代码中。如果我想创建每个新的select，除了所选的选项外，选项必须与之前的选项相同。例如，在第一次选择中，我有选项1，选项2…选项5，所以如果我选择选项2，在新的选择中，我只需要四个选项（选项1，选项3…选项5），我必须考虑一下，同时你也可以将其作为一个问题发布，以便其他用户也可以在这方面帮助你，并给出一些想法…这是一些奇怪的代码？类是一个保留关键字，在这样的对象中使用时应该引用，为什么要在BR元素上设置类？谢谢@adeneo的建议这是一些奇怪的代码？类是一个保留关键字，在这样的对象中使用时应该引用，为什么要在BR元素上设置类？谢谢@adeneo的建议