jQuery + jQuery Mobile 实现省市二级下拉列表页面

一.需求: 提供省.市下拉列表,当用户选择省一级下拉列表项后,市下拉列表的各个选项自动变为该省对应的城市列表. 二.效果: 三.实现: 1.省市json数据,来自: http://www.cnblogs.com/jinzhao/archive/2012/04/01/2428142.html /** * 省市json数据 */ var provinceAndCityArray = [{ name: "北京", cities: ["西城", "东城"…

JQuery EasyUI Combobox 实现省市二级联动菜单

//编辑改动或新增页面联动能够这样写 jQuery(function(){ // 省级 $('#province').combobox({ valueField:'itemvalue', //值字段 textField:'itemtext', //显示的字段 url:'/user/sort/province_list', panelHeight:'auto', required:true, editable:true,//不可编辑,仅仅能选择 value:'${user.province}',…

用jquery+Asp.Net实现省市二级联动

页面html: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ddlAjax.aspx.cs" Inherits="ThreeAjaxDrop_ddlAjax" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www…

jquery ajax实现省市二级联动

今天给大家带来使用jQuery ajax实现的省市联动效果.我们直奔主题,先说下实现思路: 准备数据这里数据库我使用的是mysql,先看下表格: provience表 city表这里使用provience表的主键作为city表的外键,等下依据省份的id查找相应的市区查询方法的封装接下来就是实现查询全部省市以及依据省份id查找相应的城市的方法,这里我写了一个BaseDao封装了一些主要的数据库链接以及关闭连接的方法: BaseDao.java package com.jqueryajax.…

SharePoint之使用Jquery Mobile定制自己的手机页面

最近一直很忙,既要创业,又要工作,还有弄弄自己的小项目(已暂停,http://www.codelove1314.com/,如果你不愿意浪费你的业余时间,喜欢弄点小东西,请联系我),所以虽然有很多东西分享,但是一直没有时间来发帖. 闲话不说了,切入正题. 众所周知,SharePoint的手机视图其实是极丑(勉强)也是极简单并且不方便定制的,总之,基本上不能用,比如SharePoint主页如下: 这种,我们肯定是要想方设法简化展示给用户的,并且根据用户需要的进行简化,那我们再来看看SharePoin…

JQuery的使用案例（二级联动，隔行换色，轮播图，广告插入）

JQuery的使用案例 (一)利用JQuery完成省市二级联动第一步:确定事件(change事件),在绑定的函数里面获取用户选择的省份第二步:创建二维数组来存储省份和城市第三步:遍历二维数组中的省份(与用户选择的省份进行比较)[使用JQ的遍历操作] 第四步:接着遍历数组中的城市第五步:创建一个城市文本节点第六步:创建option元素节点第七步:将文本节点添加到元素节点中[使用JQ的文档操作方法] 第八步:获取第二个下拉列表并将option元素节点添加进去第九步:清除第二个下拉列表的…

基于jQuery+JSON的省市县二级三级联动效果

省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. HTML 首先在head中载入jquery库和cityselect插件. <script type="text/javascript" src="js/jquery.js"></script> <script ty…

用jquery实现文章自动生成二级目录（续）

前文:用jquery实现文章自动生成二级目录. 使用方法的补充我们可以把我们的js和css上传到博客园,然后在页面HTML代码中使用他们. 发现的一些问题在我把我的js放到自己的博客园上运行之后发现了几个问题: 博客园博客的子标题用的是h2,自动生成目录的js把博客的子标题也加入到了目录中. 写了一篇比较长的博客,发现用目录跳到某处后没有链接返回目录处,有些不方便. 每次写完文章还得在文章的HTML中加目录的div. 解决问题参考:薰衣草的旋律的一篇文章. 博客园子标题的问题,只要把一级标…

jQuery简单实现iframe的高度根据页面内容自适应的方法(转)

本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码…

一款jquery编写图文下拉二级导航菜单特效

一款jquery编写图文下拉二级导航菜单特效,效果非常简洁大气,很不错的一款jquery导航菜单特效. 这款jquery特效适用于很多的个人和门户网站. 适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 特效的下载地址是:http://www.jqshare.com/Jq/fondone/id/131.html 更多特效: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-Typ…

vue安装jquery和配置（不需要在页面引入直接可以使用）

首先在命令行工具上输入 npm install jquery --save-dev 安装完成之后在build文件夹下的webpack.base.conf.js进行配置,在顶部添加:const webpack = require('webpack') 然后在module.exports = { }里面加入 plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQu…

用jQuery.ajaxWebService请求WebMethod,Ajax处理实现局部刷新；及Jquery传参数，并跳转页面用post传过长参数

首先在aspx.cs文件里建一个公开的静态方法,然后加上WebMethod属性. 如: [WebMethod] public static string GetUserName() { //...... } 如果要在这个方法里操作session,那还得将WebMethod的EnableSession 属性设为true .即: [WebMethod(EnableSession = true)]//或[WebMethod(true)] public static string GetUs…

jquery实现图片预加载提高页面加载速度

使用jquery实现图片预加载提高页面加载速度和用户体我们在做网站的时候经常会遇到这样的问题:一个页面有大量的图片导致页面加载速度缓慢,经常会出现一个白页用户体验很不好.那么如何解决这个问题呢?首先我们会想到的是提高服务器性能,使用静态缓存等手段来加快图片的加载速度,这的确是个好方法,不过有时候我们也可以从前台找一些解决的方法.下面我来介绍一种在实际应用中经常会使用到的js预加载的方法. 首先在输出图片的时候我们做一些处理处理完html我们开始写js了,在这里我使用了jquery的类库…

jQuery_完成省市二级联动

当填表的时候会让你设计某省某市怎么设计,应该明白,如果你选择了一个确定的省,那么在第二个下拉框内则不会有除了你选择的省的市之外的名称.而这功能用js来实现很麻烦,但是用jq确很容易实现. 原表结构: 代码如下: <!DOCTYPE html> <html> <head> <script typr="text/javascript" src="js/jquery-1.8.3.js"></script> <…

微信小程序picker组件 - 省市二级联动

picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器. picker官方文档链接由于项目需求,需要使用省市2级联动选择器,由于官方默认提供的是省市区3级联动选择器,所以自己封装了一个2级选择器 wxml文件 <view class="section"> <view class="section__title">省市二级联动demo&l…

什么是jquery $ jQuery对象和DOM对象和一些选择器

1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的方法名太长,难记4.代码容错性较差5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉 3 jQuery版本介绍: 大版本 : 1 2 3 1 兼容ie6.7.8 2 3 不兼容小版本: 压缩版(生产环境中用) 没有注释没有换行没有空格变量名都是 a b c d 这种模式体积特别…

(转)整体把握jQuery -jQuery 的原型关系图

整体把握jQuery -jQuery 的原型关系图 (原)http://www.html5cn.org/article-6529-1.html 2014-7-2 17:12| 发布者: html5cn |来自: 博客园| 评论: 0 摘要: 一幅图展示 jQuery 中各对象之间的关系,这就是很多人想要的最直观的总结 jQuery 的方式.在这篇文章中,一幅画展示整个 jQuery 的核心内容,并逐一解释. ... 若干个月前,看到一篇文章,内容很简单,就是一幅图,展示…

省市二级联动（原生JS）

代码如下: <html> <head> <meta charset="UTF-8"> <title>省市二级联动</title> </head> <body onload="init()"> <select id="province" size=1 onchange="getCity()"> <option value= 0…

jQuery: jquery.json.js

http://api.jquery.com/jQuery.parseJSON/ http://www.json.org/json-zh.html http://fineui.codeplex.com/SourceControl/latest http://code.google.com/p/jquery-json/ https://github.com/Krinkle/jquery-json jquery.json.js: /** * jQuery JSON plugin v2.5.1 * ht…