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

[zhuzhenhong1987]

我根据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

[licip]

下拉框的宽度变窄是里面没有值吧。或者值的长度没有那么长吧。

[guoerwei]

他说b的值很正常，就是宽度变窄
JQ我不懂。

不过你这个的问题应该是b所在的容器变窄，而不是b本身变窄吧。b的width:100%;
看看你生成的时候，是不是影响到了别的什么

[zhuzhenhong1987]

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

[zrwlc2008]

谢谢楼主，我的问题也解决了！