动态填充的选择不允许选择选项

Question

我使用jquery $ ajax动态填充select，但是当我选择该值时，它会再次重新加载，看起来它会在我点击时不断重新填充，但是当我添加“alert（this.value）时选项会被选中”。任何人都可以帮助我理解我所缺少的东西吗？

在这里添加了代码片段：

....
$("select#TASSIGNED").change(function(){
$("select#TASSIGNED option[value=28]").prop("selected", true).end().change();
      });
....


    $.ajax({
        type: "POST",
        url: profilesAction ,
    async: false,
        datatype: "json",
        data: {'SELECT' : 1 },
    success: function(request) {
      $("select#TASSIGNED").html("<option></option>");          

      $.each(eval(request), function(i,item){
        $("select#TASSIGNED").append("<option value="+item.CID+">"+ item.second + " - " + item.third +"</option>");
        });
      }
    });           


html code:
      <select name='TASSIGNED' class='form-control' id='TASSIGNED'>
  <option>1
  <option>2
  </select>

在上面的例子中，我硬编码的值= 28，看看是否被选中但是没有。

$ .ajax在选项卡href上成功填充选择选项（此处未显示，但代码部分工作正常），所以当我继续选择一个选项时，它再次重新加载，虽然我看到它被选中时我“提醒“它。我希望该值显示为“SELECTED”，而不是再次重新填充的值。

我在SO中经历了几个问题，但没有任何帮助。 我尝试了道具而不是attr，但这也无济于事。

我正在使用1.9，使用firefox和safari进行测试，它无法与attr或prop一起使用。

一般来说这是怎么做的，有人能给我一个样品吗？谢谢你的帮助。