javascript - 使用 jquery 动态添加选项并更新 html 源

Question

我有两个列表框，A & B:

当我双击 A 的项目时，该项目将添加到列表 B 中。我已经做到了。列表 B 直观地显示了值，但是当我转到页面的查看源代码 时，我没有看到新的<选项> 。

这是我的列表 A 选项。

这是我的列表 B 选项(添加之前和之后，无论添加什么项目，它都保持不变。这是我的问题。):

它应该有一个 <option> .喜欢

<option value="VSNR">VSNR</option>

我的代码是什么:

   $('#lstXLSCol').on('dblclick', function () {
        var item = $('#lstXLSCol').find(":selected").text();

        var newOption = { item: item };
        $('option:selected', this).remove();
        $.each(newOption, function (val, text) {
            if (text != "")
                $('#lstXLSSelectedCol').append(new Option(text, val));
        });
    });

编辑 1:

我发现它按 F12在 IE 中。但值如下所示:

但是，我想插入与文本相同的值。我的 jquery 代码中应该更改什么？

Answer 1

你看不到他们。该源仅用于构建初始 DOM代表文档。动态创建的元素仅插入到 DOM 中。

但是您可以使用 Safari 的 WebInspector 或 Firefox 扩展 Firebug 等 DOM 查看器分析此类元素。 Firefox 还可以显示表示此类动态创建元素的源代码，方法是选择该元素并在上下文菜单中选择查看选择源。

See this