Javascript 使用jquery动态添加选项并更新html源代码

我有两个列表框，A和B：

当我双击A的某个项目时，该项目将添加到列表B中。我已经这样做了。列表B直观地显示了值，但是当我转到页面的视图源时，我没有看到新的

这是我的列表A选项

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

它应该有一个。像

编辑1：

我发现它在IE中按F12键，但值如下：

---

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

在页面的源代码中不会看到动态添加的元素

使用浏览器的控制台检查DOM

---

通常，右键单击元素并从关联菜单中选择inspect就足够了，否则请参阅以了解如何访问浏览器控制台。

您无法看到它们。源代码仅用于构建表示文档的初始值。动态创建的元素仅插入DOM中

但您可以使用DOM查看器（如Safari的WebInspector或Firefox Extions Firebug）分析这些元素。Firefox还可以通过在上下文菜单中选择View Selection source来显示表示这种动态创建的元素的源代码

---

去掉params和：last之间的空格

$('#lstXLSSelectedCol:last').html('<option value=\''+item+'\'>'+item+'</option><option>');

---

其将不会反映在源页面中。。。。。按F12键并检查下拉列表…您可以看到更新的选项整个代码的可能副本在我看来有点奇怪。如果你拉小提琴，生活会轻松得多。

   $('#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));
        });
    });

$('#lstXLSSelectedCol:last').html('<option value=\''+item+'\'>'+item+'</option><option>');

$('#lstXLSSelectedCol:last').live('change', function () {

            var option_selected = $('option:selected', this).val();

                $('#lstXLSSelectedCol:last').append($('<option>', {
                    value: option_selected
                }).text(option_selected));        


        });