【www.gdgbn.com--jquery】

实例代码一

<script src="../libs/jquery/jquery-1.3.2.js">
</script>
</script>
<script>
function func_load(){
var code=document.form1.province.value;
$.get("load.php教程",{code:code},function(data){
   var arrays=data.split(":");
   var nums=arrays.length;
   document.all.select2.options.length=0;
   for(i=0;i     if(arrays[i].length>1){
     arrays2=arrays[i].split(",");
     document.all.select2.options[document.all.select2.options.length]=new option(arrays2[0],arrays2[1])
    }
   }
   func_load2();
});

}
function func_load2(){
var code=document.form1.select2.value;

$.get("load2.php",{code:code},function(data){
//alert(data);
   var arrays=data.split(":");
   var nums=arrays.length;
   document.all.select3.options.length=0;
   for(i=0;i     if(arrays[i].length>1){
     arrays2=arrays[i].split(",");
     document.all.select3.options[document.all.select3.options.length]=new option(arrays2[0],arrays2[1])
    }
   }
});
} 

</script>
<script>
$(document).ready(function(){
func_load();
});
</script>

^foreach from=$row1 item=row1^
^$row1.names^
^/foreach^

实例代码二

  
   
   
  <script language="网页特效" type="text/javascript">  
   function run()  
   {  
           var s =document.getelementbyid("s");  
           var option=s.getelementsbytagname("option");  
           var str="";  
           for(var i=0;i            {  
               if(option[i].selected)  
               {  
                   document.getelementbyid("test").innertext=option[i].text;  
                   //alert(option[i].text);  
               }  
           }  
   }  
  </script>  
   
   
    
  aaa  
  vvv  
  ccc  
    
    
   

实例三

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 );
   }
});
});
};

实例四

<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  $("#hero").change(function() {
    //send requests
    var option1 = "     var option2 = "">";
    var option3 = "";
    $.post("/first/select", {id: $("#hero").val()}, function(xml) {
      $("selects", xml).find("select", xml).each(function() {
        var value = $("value", xml).text();
        var text = $("text", xml).text();
        $("#skill").append(option1 + value + option2 + text + option3);
        alert($("#skill").html());
      });
    });
  });
});
</script>

 
  double select box
 
 
  
   unbounded
   d.k.
   nec.
   boss
  
   unbounded
  
 
 
   
 

本文来源：http://www.gdgbn.com/wangyezhizuo/27637/