首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery二级联动上拉框

2012-11-04 
jquery二级联动下拉框function doAjaxQuerySubBizType(val){var subBizType $(#subBizType)jQuery.aj

jquery二级联动下拉框
function doAjaxQuerySubBizType(val){
  var subBizType = $("#subBizType");
jQuery.ajax({
type:"post",
url:"subBizType.json",
data:{action:'query',bizType:val},
dataType:"json",
success:function(data){
createSubBizType(data.subBizType);
},
error:function(XMLHttpRequest, textStatus, errorThrown){

}
});
}

function createSubBizType(data){
var subBizType = document.getElementById('subBizType');
subBizType.options.length = 0;
subBizType.add(new Option('--请选择子业务类型--',''));
if(data!=null){
    jQuery.each(data, function(i, val){
      subBizType.add(new Option(val.desc,val.code));
    });
}
}

这个例子很简单,具体使用,不多说了,例如给下拉框的onchange时间绑定就行了,传入的参数的当前对象,写this问题不大

热点排行