jquery不会将字段的select选项追加到另一个字段中

我正在从事一个laravel项目。我有一个表单，当你点击add按钮时，它会显示一个引导模式。我想将课程字段的select选项加载到level模式的select中，当你使用jquery点击add按钮时，它会显示，但它不会一直显示任何内容。 课程及水平表格代码

脚本代码

$('#add-more-level').on('click', function(){
        var programs = $('#program_id option');
        var program = $('#frm-level-create').find('#program_id');
        $(program).empty();
        console.log(program);
        $.each(programs, function(i,pro){
            $(program).append($("<option/>",{
                value : $(pro).val(),
                text : $(pro).text(),
            }))
        })
        $('#level-show').modal('show');
    });

部分水平模态代码

<div class="modal fade" id="level-show" tabindex="-1" role="dialog" aria-labelled-by="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">New level</h4>
        </div>
        <form action="{{route('postInsertLevel')}}" method="post" id="frm-level-create">
        <div class="modal-body">
            <div class="row">
                <div class="col-sm-12">
                    <select class="form-control" name="program_id" id="program" placeholder="program_id"></select>
                </div>
            </div>

---

我的代码有问题吗？

您的问题在这一行：

var program = $('#frm-level-create').find('#program_id');

将其更改为：

var program = $('#frm-level-create').find('#program');

此外，标签的for属性是错误的。我改变了他们，比如：

<label for="program">Course</label>

致：

片段：

$'add-more-level'。单击，函数{ var programs=$'program_id option'； var program=$'frm-level-create'。查找'program'； $program.empty； //console.logprogram； $.eachprograms，functioni，pro{ $program.append${ 价值：$pro.val， text:$pro.text， } } $‘水平展示’。模态‘展示’； }; 课程 ------ 1. 2. 数量 添加更多级别 &时代； 新水平

---

非常好用，谢谢！但是你能解释一下为什么标签应该是program_id吗？@Pain标签的属性指的是它所附加到的元素的id。你可以去看看。我希望这对你有帮助。你能投票吗？谢谢你！谢谢你的帮助

<label for="program">Course</label>

<label for="program_id">Course</label>