jquery更新选择选项而不刷新文本

Question

我有两个独立的阵列。我正在尝试根据另一个选择列表中的选项将它们添加到一个选择列表中。像往常一样，它适用于所有浏览器，但即是。

$(document).ready(function(){
  //collection a and b are global variables set when the page loads through ajax. unimportant
  $('#divList').on('change', '#ddlOne', function () {
    $('#ddlTwo').find('option').remove();
    $(collectionAorB).each(function (i, v) {
        $('#ddlTwo').append('<option value="' + v + '">' + v + '</option>');
    });
    $('#ddlTwo').css('width', '150px');
  });
  $('#divList').on('change', '#ddlTwo', function () {
     $('#spnResult').text($(this).val());
  });
});

正在更新选项的值，但文本不是。如果我首先将集合加载到第二个选择中，然后加载集合b并选择其中一个值'spnResult'（一个跨度）填充来自集合b的CORRECT值，即使它的文本仍显示值来自收藏a！

帮助。