jquery 级联下拉框实例代码

来源：互联网发布：淘宝可靠长板店编辑：程序博客网时间：2024/05/01 02:44

本文章主要讲关于jquery 级联下拉框使用方法，与在使用过程中出来问题了，下面我们来看看关于jquery 级联下拉框教程吧。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery 级联下拉框实例代码</title>
</head>
<body>
<script>
$('#select1').change(function (){
$.ajax({
url:'css教程rain.jsp教程',
type:'post', //数据发送方式
datatype:'xml', //接受数据格式
data:'id=1&text='+$("select[@id='select1'] option[@selected]").text()+'&date='+new date(), //要传递的数据
error:function(json){
    alert( "not lived!");
},
success: function(xml){
      $("#select2").html('');//清空2号下拉框
$(xml).find("name").each(function(){
var id=$(this).attr("id"); //获取返回的id
var name=$(this).text(); //获取返回的name
    $('<option value='+id+'>'+name+'</option>').appendto('#select2');…………………………………………………………………………
来自：http://www.verydemo.com/demo_c110_i23910.html

0 0