前端.省市级联框

前端实现鼠标可拖动弹框 分享一下前端常见功能“可拖动弹框”的实现方式,分别用原生JS和Vue实现。 阅读详情

 
var codeurl = ctx + "system/districts/list"

//债务人省份
        $(function() {
            // 初始化省市区
            initAddress("#obligorLocation","#obligorCity");
            // 更改省份后的操作
            $("#obligorLocation").change(function() {
                var provCode = $("#obligorLocation").val();
                getCity(provCode,"#obligorCity");
            });
        });
        function initAddress(province,city) {
            var firstProvCode;
            // ajax请求所有省份
            //$(province).empty();
            $(province).append("<option value=''>-- 选择省 --</option>");
            $.post(codeurl, {
                pid : 0
            }, function(data) {
                $.each(data.rows,
                        function(i, d) {
                            $(province).append(
                                    "<option value='"+d.id+"'>" + d.extName
                                            + "</option>");
                        });
                firstProvCode = data.rows[0].id;
                // 根据第一个省份code获取对应城市列表
                getCity(firstProvCode,city);
            }, 'json');
        }
        //获取对应城市列表(里面包括获取第一个城市的区县列表)
        function getCity(provCode,city) {
            // ajax请求所有市级单位
            $.post(codeurl, {
                pid : provCode
            }, function(data) {
                // 先清空城市下拉框
                $(city).empty();
                $(city).append("<option value=''>-- 选择市 --</option>");
                $.each(data.rows,
                        function(i, d) {
                            $(city).append(
                                    "<option value='"+d.id+"'>" + d.extName
                                            + "</option>");
                        });
            }, 'json');
        }
        
        
<div class="form-group">
<label class="col-sm-2 control-label">债务人所在区域:</label>
<div class="form-inline col-sm-4">
<!-- <input id="obligorLocation" name="obligorLocation" class="form-control" required type="text"> -->
<select id="obligorLocation" name="obligorLocation" class="form-control">
</select>
<select id="obligorCity" name="obligorCity" class="form-control">
</select>
</div>
</div>

 

前端 html5 省市区选择器 立即下载

相关推荐

下拉级联框下拉级联框

下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框下拉级联框

JeecgBoot页面级联选择框(三种方法)

(已实践)(已实践)(简单测试,只贴代码,不做过多说明)

m0_55841258的博客 4096

前端省市区选择

省市区选择,前端引入js直接可用

前端VUE实现级联选择器

前端VUE实现级联选择器

weixin_69218754的博客 1850

从翼型到湍流:用生活化案例图解空气动力学核心概念(中英双语版)

本文通过飞机机翼、F1赛车、高尔夫球等生活化案例,图解空气动力学核心概念。深入浅出地解释了攻角如何产生升力、边界层与流动分离如何影响阻力、马赫数如何划分速度世界,以及涡流与湍流的特性与应用。文章还介绍了计算流体动力学(CFD)这一现代数字风洞工具,帮助读者直观理解这些塑造现代交通与运动设计的无形之力。

metaverse5vr的博客 475

RK3568(buildroot)利用squashfs+overlay实现嵌入式系统高可靠存储方案

本文详细介绍了在RK3568嵌入式平台上,基于Buildroot系统,利用squashfs只读根文件系统与overlayfs可写层相结合的高可靠存储方案。该方案能有效防止设备意外断电导致的系统文件损坏,通过内核配置、启动脚本编写及镜像制作,实现系统核心的只读保护与用户数据的持久化分离,显著提升嵌入式设备的现场稳定性。

weixin_29189381的博客 548

级联下拉框

在前端的级联下拉框(Cascading Dropdown)中,通常会有多个层级的选项,每个层级的选项依赖于上一级的选中值。而这些选项往往来源于数据库的字典表(数据字典)。这样,级联下拉框就能与数据库字典表动态关联,支持扩展和动态加载。

SAFE20242034的博客 476

手把手教你用微信小程序实现智能硬件音视频通话(含Linux/RTOS适配)

本文详细介绍了如何利用微信小程序硬件框架(WMPF)和音视频SDK,在智能硬件(包括Linux与RTOS设备)上实现音视频通话功能。文章从架构设计、设备端SDK集成、小程序VOIP插件开发到跨平台调试与性能优化,提供了全链路实战指南,帮助开发者打通微信小程序与嵌入式设备间的实时音视频通信。

ooo22的博客 329

web前端必学功法之一:省市联动

web前端必学功法之一:js省市联动 案例:js实现下面功能 **<!-- 省市联动 思路分析: 1.准备元素:定义省份与城市的下拉框 2.绑定事件:绑定省份下拉框的change事件 3.准备数据:准备数组存放省份信息,定义二维数组存放城市数据 4.初始化数据:将数组中的省份数据填充到省份下拉框中

qq_42302014的博客 2910

Android 导出aar 用于Unity 百度语音唤醒

AndroidStudio版本下载地址Android Studio Arctic Fox Unity版本2021.3.26f1c1 新建AndroidStudio工程 新建module 这里注意一下,网上很多教程说要注意包名要和unity一样,但是测试下来,不一样也可以的 在新建的module里添加这两个jar包,并点击右键add as library 导入jniLibs 右键创建这几个package 代码就安装这个大佬的写参考代码 需要注意的的是在WakeupListener脚本里U

weixin_38777563的博客 633

保姆级教程:用达芬奇Configurator配置CAN总线(从DBC导入到Controller设置)

本文详细介绍了使用达芬奇Configurator工具从DBC文件导入到CAN总线控制器设置的全流程配置方法。通过环境准备、CAN控制器模式选择、硬件参数配置、通信参数优化及通信栈集成等关键步骤,帮助开发者高效完成AUTOSAR架构下的CAN总线开发,特别适合汽车电子领域的工程师参考。

weixin_30529023的博客 443

基于layui的无限级联选择器

最近根据需要,做了一个基于layui的无限级联选择器,样式仿照elementUI 1.html元素 <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class="layui-input-block"> ...

weixin_30793643的博客 2145

Tomcat漏洞——弱口令爆破

靶机:CentOS7 IP:192.168.100.40。攻击机:kali IP:192.168.100.60。版 权 声 明:本博客所有文章除特别声明外,均采用。文章版权归作者所有,未经允许请勿转载!作 者:PeiyuJue。

weixin_57379923的博客 909

前端弹框

前端弹框非框架弹框1、//alert("正在下载")2、//confirm("正在下载")3、//prompt("正在下载")layui框架弹框1、//layer.msg("正在下载") 非框架弹框 属于非框架内的弹框,且三种均需点击确认。 1、//alert(“正在下载”) alert测试场景: 前端页面反馈: 2、//confirm(“正在下载”) confirm测试场景: 前端页面反馈: 3、//prompt(“正在下载”) prompt测试场景: 前端页面反馈: layui框架弹框 1、

HelloWorl___d的博客 949

【ArcGIS风暴】ArcGIS 10.2导入Excel数据X、Y坐标(经纬度、平面坐标),生成Shapefile点数据图层

用过CASS的人都知道,野外数字测图得到的点数据(平面坐标)可以直接导入到CASS中,进一步绘制地形图。那么,带有坐标的数据能不能在ArcGIS中实现点图层的生成呢?答案是必须的! 本文以气象台站shp数据的生成为例,详细介绍ArcGIS 10.2中导入X、Y坐标(这里指的是经度、纬度),生成Shapefile点数据的流程。 相关阅读:《全站仪、RTK测量坐标数据在CASS和ArcGIS中展点的区别和联系》 目录 1、数据准备 2、添加X、Y数据 3、属性表连接(Join) 4、导出为Sh.

智慧空间实验室 10万+

Ros入门 (十)----激光雷达避障 简易实现

本篇文章通过订阅/scan话题获取障碍物的距离信息,达到避障目的,提供部分代码,仅供参考。

weixin_51157015的博客 1万+

前端css实现气泡框

场景: 工作中遇到需要使用气泡框进行提示的效果,但是不需要鼠标移上去,是个静态的气泡框效果,于是决定使用纯css进行实现。实现思路:一个带边框的容器,在左侧放一个三角实现气泡框效果。 实现效果图: 1. 可以给一个div标签,然后对其设置属性,但是由于需求我这边需要对一个span标签进行操作,span是一个行内元素,需要先对其进行转换成块内元素再进行属性限制。 组件元素: <span className="popTag"> <span>...

zjq_1234的博客 8498

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

前端vue仿美团风格下拉筛选框在前端开发中的实现与应用

在前端开发中,下拉筛选框是提升用户体验和交互效果的重要组件之一。本文将以美团风格的下拉筛选框为例,介绍其实现原理、技术细节以及在实际项目中的应用。通过自定义组件。

chenchuang0128的博客 1559

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

移动端如何在前端阻止input框获得焦点时手机键盘的弹出

在文章的开始,我先把我的目的说明一下:在移动端,如何在前端实现input框获得焦点的同时不会唤起手机键盘。 在做公司项目的时候遇到这样一个问题,因为项目需要在ubuntu、window、android端都可以执行,其中ubuntu环境下是没有键盘的,而且为了方便对输入的内容有所控制,我们用vue分别写了一个数字键盘和一个英文键盘,input框都用d...

DACBE的博客 2万+

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

HTML弹框输入

在做项目的过程中,我们时常需要进行一些弹框操作,比如在后台管理时需要进行的一些增删改操作,这个时候我们需要使用到弹框,或者在网站浏览时进行弹框输入,博主也曾经在开发时使用一个个页面的方式,但那样的前端效果不太美观,今天,闲来无事,分享给大家自己写的一个前端的弹框demo,话不多说,直接上图: 以下是相关代码: index.html <!DOCTYPE html> <html&g...

pengxiang1998的博客 1万+

前端监控弹框下载窗口的关闭

目的:通过编写js能够实现在弹框下载,并且监控下载窗口的关闭 技术:js spring mvc 使用方式: 1. 前端代码: <script type="text/javascript"> var downloadWindow = null; //定义窗口的全局变量 //下载函数 function download() { ...

u013905123的专栏 2666

Web前端html的input框有value值,但是不显示

Web前端html的input框有value值,但是不显示 今天遇到一个令人头疼的问题,就是input框有value值,但它显示placeholder的值,删了placeholder,输入框直接空了。如下图: 我的jsp页面代码: <c:choose> <c:when test="${weicaiOnlineResume.experienceName ne null}"> <input type="text" name="companyName" valu

Inmaturity_7的博客 1万+

前端vue uni-app自定义弹框组件、弹框组件

自定义弹框使用方法#### HTML代码部分```html" @click="popupClick">点击弹框-- 使用组件 -->-- 自定义展示内容 -->">弹框标题">这是弹框内容 这是弹框内容 这是弹框内容 这是弹框内容-- 自定义关闭按钮 -->```#### JS代码 (引入组件 填充数据)ccPopup},

chenchuang0128的博客 1735

uniapp之常用提示弹框

uniapp之常用提示弹框

zhanglinsen123的博客 4万+

关于前端css中input框的介绍

对于input框,在前面使用label标签有什么好处? 下面来看一个例子: <form action="" > <span>用户名</span> <input type="text" name="username"> </form> 以下是效果图: 我们换成label标签后: <form action="" > <label for="username">用户名</label>

qq_43435403的博客 4369
上一篇: 前端.解决form-contral总是换行问题
下一篇: Mysql.复选条件的查询
星际棋手
博客等级 码龄14年 138粉丝 168原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值