jquery操作两个select，选中其中一个select中的list值，另一个select下拉项项目变化

Question

如下有两个select下拉框
<s:select id="userType" list="#{-1:'-请选择-',2:'企业',1:'个人'}" ></s:select>
<s:select id="auditStatus" list="#{-1:'-请选择-',1:'工作信息',2:'基本信息',3:'联系信息'}" ></s:select>

当我选中企业的时候，下面的下拉框只显示请选择 和 基本信息两项，选中个人的时候按原来那样显示四个选项
如何实现这样的功能？

Answer 1

在id="userType"的select上添加一个onchange事件，即：
<s:select id="userType" list="#{-1:'-请选择-',2:'企业',1:'个人'}" onchange="changeUserType()"></s:select>
function changeUserType(){
var _selected = jQuery("#userType").val();
var htmlTxt = "<option value='-1'>-请选择-</option>";
if(_selected==2){
htmlTxt += "<option value='2'>-基本信息-</option>";
}else{
htmlTxt += "<option value='1'>-工作信息-</option>";
htmlTxt += "<option value='2'>-基本信息-</option>";
htmlTxt += "<option value='3'>-联系信息-</option>";
}
jQuery("#auditStatus").html(htmlTxt);

}

Answer 2

你不应该是放在option的里面的吗！ 然后给下拉写个onchange事件
如果是企业就给第二个下拉重新绑定！

Answer 3

控制select中options的display

http://jsbin.com/wusey/1/