附加选项以模式选择

Question

我正在尝试将选项列表附加到模式中的select上，但是它们没有出现，正在寻找想法！

加载主页后，我通过单击运行的链接来触发模式：

$("#tankTransfer").click(function (e) {
   $('#modalBox').load('modalTest.html', function () {
               // init select ----------
               document.getElementById("textId").innerHTML = "Testing Modal Select Append";
               $('#selectId').append($("<option></option>").attr("optionName", 
                                     "optionValue").text("optionText"));
               document.getElementById("textId").innerHTML = "Select should have optionText in the list";
           });
        });

不是使用jQuery，我还尝试通过以下方式插入选项：

       var spinner = document.getElementById("selectId");
       spinner.add(option, option.text);
       spinner.refresh();

以上都不是。我也尝试通过模式内的按钮单击来调用添加/添加。但是它仍然没有追加/添加...我尝试将selectId切换到主页主体中的一个选择，以追加/添加到该选择，它显示得很好。它不会显示在模式上。 textId更新就很好，并显示代码没有被清除，也没有引发任何错误。

此外，我也尝试在jQuery追加之后添加代码：

    $('#selectId').change();

此为模态：

 $('#selectId').change(function (e) {
        var oValue = getSpinnerNameAttributeValue('selectId', "optionName");
        alert(oValue);
    });

而且我得到了附加的optionValue。

这里是#modalBox的示例：t附加的optionValue。

<div id="modal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-sm-4 control-label" id="textId">From Tank</label>
                <div class="col-sm-8">
                    <select class="form-control" id="selectId">
                        <option optionName="-1">None</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
</div>

我想念的是什么？感谢您提供任何见解，解决方案和理解！

Answer 1

[由于这里社区缺乏创造性的答案，我猜想在模式中附加选择没有问题。

我终于在我的代码中发现了这个错误：我在主体中进行了选择，其元素id与模式中的元素相同。因此，当附加到选择项时，仅会附加主体中的选择项，而模式的选择项则保持不变。