最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery 联动下拉框
时间:2010-10-28 编辑:简简单单 来源:一聚教程网
实例代码一
无标题文档
实例代码二
实例三
jquery.fn.chainselect = function( target, url, settings )
{
return this.each( function()
{
$(this).change( function( )
{
settings = jquery.extend(
{
after : null,
before : null,
usepost : false,
defaultvalue : null,
parameters : {‘_id‘ : $(this).attr(‘id‘), ‘_name‘ : $(this).attr(‘name‘)}
} , settings);settings.parameters._value = $(this).val();
if (settings.before != null)
{
settings.before( target );
}ajaxcallback = function(data, textstatus)
{
$(target).html("");//clear old options
data = eval(data);//get json array
for (i = 0; i < data.length; i++)//iterate over all options
{
for ( key in data[i] )//get key => value
{
$(target).get(0).add(new option(data[i][key],[key]), document.all ? i : null);
}
}if (settings.defaultvalue != null)
{
$(target).val(settings.defaultvalue);//select default value
} else
{
$("option:first", target).attr( "selected", "selected" );//select first option
}if (settings.after != null)
{
settings.after(target);
}$(target).change();//call next chain
};if (settings.usepost == true)
{
$.post( url, settings.parameters, ajaxcallback );
} else
{
$.get( url, settings.parameters, ajaxcallback );
}
});
});
};
实例四
my jsp教程 'index.jsp' starting page
-
上一个: jquery select下拉框美化代码
-
下一个: jQuery timers计时器
相关文章
- jQuery使用EasyUi实现三级联动下拉框效果 06-07
- 更优雅的jQuery拼接下拉框方式 07-14
- 一款基于jquery联动下拉框效果 10-29
- 四种jquery 动态增加option下拉框代码 09-01
- jquery 模拟下拉框插件代码 08-31
- HTML简单购物数量小程序代码展示 10-31