使用jQuery制作级联下拉列表框

最新推荐文章于 2021-03-26 01:28:57 发布

chengqiuming

最新推荐文章于 2021-03-26 01:28:57 发布

阅读量2k

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/chengqiuming/article/details/78600692

版权

一代码

fun.js

// JavaScript Document
$(document).ready(
	function(){
		$.get("returnpc.php?flag=p", null, function(data){     //向服务器发送GET请求，获取省份的值，并将结果追加到省份下拉列表中
		    $("#p").append(data);							 
		});
		$("#c").css("display","none");     //初始状态使城市下拉列表不可见
		$("#p").change(function(){     //为省份下拉列表增加改变事件
		    if($("#p").val()==""){		 //在没选择省份的情况下，使城市下拉列表不可见
			    $("#c").css("display","none");     
			}else{
		        $.get("returnpc.php?flag=c&p="+$("#p").val(), null, function(data){     //如果选择了某省份，则向服务器发送GET请求，使用回调函数为城市下拉列表赋值，并使城市下拉列表可见
			        $("#c").css("display","");
					$("#c").empty();															  
			        $("#c").append(data);      //将数据追加到城市下拉列表     									  
			    });  
		     }
		});
    }		
);

index.php

<!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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chengqiuming

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery制作级联下拉列表框

一代码fun.js// JavaScript Document$(document).ready( function(){ $.get("returnpc.php?flag=p", null, function(data){ //向服务器发送GET请求，获取省份的值，并将结果追加到省份下拉列表中 $("#p").append(data);
复制链接

扫一扫