一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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 <a target="_blank" href="/jsp/jsp.html">jsp教程</a> 'index.<a href="http://www.111com.net/jsp/jsp.html" target="_blank">jsp</a>' starting page







 
  
 
 
  
 
 
  
 
double select box
 




热门栏目