动态添加select 中的option,为啥选一次下拉框的宽度变窄一次，最后变没了

Question

我根据A下拉列表的值，动态添加B下拉列表的option,可以每选一次A，B中的值很正确就是下拉框的宽度变窄一次，最后变为没有，为什么啊？//动态生成所属系统类型
function setSystem(obj){
$("#RELATE_SYSTEM").find("option").remove();
$.ajax({
   type: "POST",
   url: "/servlet/Tache_Columns?",
   data: "type=25&rel="+obj.value,
   success: function(msg){
     $(msg).appendTo("#RELATE_SYSTEM");
       }
});
}
A:<select id="RELATE_DISCIPLINE"  onchange="setSystem(this)"/></select>
B:<select id="RELATE_SYSTEM" style="width:100%;"/></select>
obj是A下拉列表的值，RELATE_SYSTEM是B的下拉列表的ID

Answer 1

他说b的值很正常，就是宽度变窄
JQ我不懂。不过你这个的问题应该是b所在的容器变窄，而不是b本身变窄吧。b的width:100%;
看看你生成的时候，是不是影响到了别的什么

Answer 2

找到答案了，把width设为具体的某个值就好了，如200px