jquery省市级联简单例子

Bertha 。 2022-05-17 00:37 190阅读 0赞

ajax方式：

$("\#sf").change(function()\{  
    $("\#shi").empty();//清空城市表  
    $("\#shi").append("<option value='0'>请选择</option>");//添加一个初始化选择项  
    $.ajax(\{  
        type:"post",  
        url:'/city.action',  
        data:"pid="+$("\#sf").attr("value"),  
        dataType:"json",  
        success:function(result)\{  
            $.each(result,function(i,item)\{  
                $("\#shi").append("<option value='"+item.sid+"'>"+item.name+"</option>");  
            \});  
        \}  
        ,error:function()\{  
            alert("ajax返回市区错误了");  
        \}  
    \});  
\});

getJSON方式：

$("\#sf").change(function()\{  
    var url="/city.action";  
    var provinceId=$("\#sf").attr("value");  
        $.getJSON(url,\{pid:provinceId\},function(data)\{  
        $("\#shi").empty();  
           $("\#shi").append("<option value='0'>请选择</option>");  
           for(var i=0;i<data.length;i++)\{  
               $("\#shi").append('<option value="'+data\[i\].sid+'">'+data\[i\].name+'</option>');  
           \}  
    \});  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关前端.省市级联框

[前端.省市级联框][.] var codeurl = ctx + "system/districts/list" //债务人省份

╰+哭是因爲堅強的太久メ/ 2023年08月17日 15:20/ 0 赞/ 123 阅读

相关 java省市县级联查询

创建数据表 CREATE TABLE `platform_area_info` ( `id` int NOT NULL COMMENT '地区代码',

ゝ一纸荒年。/ 2022年09月09日 04:50/ 0 赞/ 177 阅读

相关【JQuery】——级联下拉框效果

【html】 <html> <head> <title>JQuery实例-级联下拉框效果</title> <meta http-

柔情只为你懂/ 2022年07月14日 01:37/ 0 赞/ 300 阅读

相关 jquery级联

js： $(document).ready(function()\{ //找到三个下拉框 var carnameSelect = $(".car

客官°小女子只卖身不卖艺/ 2022年06月09日 02:55/ 0 赞/ 327 阅读

相关 js实现省市级联的简单代码

<!doctype html> <html> <head> <meta charset="utf-8"> <title>省市级联</ti

﹏ヽ暗。殇╰゛Y/ 2022年05月27日 08:08/ 0 赞/ 210 阅读

相关 jQuery_省市选择

省市选择： HTML结构： <select name="provice" id="provice"> </select> <select name=

向右看齐/ 2022年05月21日 00:19/ 0 赞/ 199 阅读

相关 jquery省市级联简单例子

ajax方式： $("\sf").change(function()\{ $("\shi").empty();//清空城市表 $("\shi").ap

Bertha 。/ 2022年05月17日 00:37/ 0 赞/ 191 阅读

相关 mysql 级联删除【简单详细】

目的：使用 mysql 完成级联删除为什么写这篇文章呢？主要是感觉网上写都太复杂了，什么原理的。有时候，读者只是想用最快的速度去解决这个问题。 1、

以你之姓@/ 2022年04月08日 10:15/ 0 赞/ 2108 阅读

相关 jQuery--动态级联菜单

前言内容显示效果： HTML代码： CSS代码： J

拼搏现实的明天。/ 2021年09月27日 05:00/ 0 赞/ 480 阅读

相关使用json和jquery级联选择

selects.html <!DOCTYPE html> <html> <head lang="en"> <meta http-eq

谁借莪１个温暖的怀抱￠/ 2021年06月26日 16:06/ 0 赞/ 525 阅读