/*js部分,myPicker是设备号input的ID*/ $('#myPicker').change(function () { /*选择设备号后,根据当前设备号设置不同的摄像头选项,具体判断逻辑根据具体的项目而定*/ var val = $("#myPicker").val(); if (val === "*******352") { $("#box").empty(); $("#box").html("<

前言 由于最近做的一个移动端项目需要使用到类似 WeUI Picker组件 的选择效果,  所以在这里来分析下 WeUI Picker 的实现逻辑.(weui.js项目地址) 之前也做过类似的组件, 是基于iscroll实现的.单列滑动的效果还可以.至于多列联动,数据结构整的太乱了, 不太好扩展. 1.项目结构 大家通过上面 weui.js 的项目地址去下载到本地, 打开之后找到 src 下面的 picker 就是我们今天要学习的 picker 组件的代码了. 其中picker.js 和 scr

uniapp自定义picker城市多级联动组件 支持多端--h5.app.微信小程序.支付宝小程序... 支持自定义配置picker插件级数 支持无限级 注意事项:插件传入数据格式为children树形格式,内部包含:id.name 参数 类型 描述 默认值 必选 title string 标题 '' 否 layer number 控制几级联动 1 否 data arr 数据 如:[{text: '', adcode: '', children: [{text: '', adcode: ''}]

最近搞了一个功能,是查询页面需要用到二级菜单联动,获取到选中的属性value传入到后台. 平常都是用AJAX或者JQuery ,通过XML或者JSON的方式,这样的话需要调用数据库,像典型得到省市联动或者省市县三级等,一般这样的数据会有一张单独的数据表, 需要用的话,通过查询数据库获得相应的数据,返回一个JSNO,在前台进行处理显示. 但是这个功能没有单独的表,总共七个一级菜单,每个一级菜单下对应N个二级菜单,考虑到数据量不大,没有必要去改变原有的数据库表结构,就想到了用简单的JS去实现这个需求

为什么写这篇随笔? 二级菜单的联动一直是我心中一块石头,犹记得大一的时候只会用一点的Dreamweaver,当时做二级菜单难受啊,啥都不会,网上找了些资料,也看不懂别人的代码更别说用起来了 前些日子.NET的课上用到了一个下拉菜单的控件,于是就决定整理出来以备有需要的人参考 表单部分: <form> 学院: <select id="college"> <option >-----请选择------ <option value="经济学

代码奉上: <!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>二级城市联动</title></head><body>    <select id="one" onchange="func(this.value)">        <option value=

首先需要找好JSON的包哦: 链接:http://pan.baidu.com/s/1jH6gN46 密码:lbh1 1:首先创建一个前台页面,比如secondMenu.jsp,源码如下所示: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3

万年没更新了. 最近用jquery weui. 在使用picker时需要一些问题. 就是让picker 显示label, 但是取值的时候取value用于存储. 官网例子如下 Jquery-weui 官网 : 点这里  写这篇文章时,用的版本是1.2.1版本 $("#picker-name").picker({ title: "请选择您的称呼", cols: [ { textAlign: 'center', values: ['赵', '钱', '孙', '李', '

当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了 <div class="inputLine"> <span>所在区域</span> <select name="" v-model="countryName" @change="selectCountry"> <option :value=

以下为代码!需要导入json架包 function getCity1(){ var unitid = document.getElementById('addformunitid').value; $.getJSON("../unit/getcity.do?unitid="+unitid, "", function(response){ //$ ("#departmentid").show();//将隐藏的select显示出来 $ ("

项目中需要导入一个Excel模板需要实现二级联动,现记录如下: 首先看一下原始数据,原始信息在一张工作表,第一行是省市名称,下面的若干行为对应省市下面的地名和区名.需要在另外一张工作表中A列和B列建立联动的二级下拉菜单. 2 首先,选中原始表的所有数据(包括多余的空白单元格),按F5或者Ctrl+G调出定位对话框.选择左下角的[定位条件]. 3 如下图,选则[常量],并点击[确定]按钮.这样,所有的非空单元格被选中.   选择功能区的[数据]-[有效性]-[根据所选内容创建].   由于标题在第

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

前言 最近使用 weui 里面的 datepicker 组件的时候遇到了一个问题: 弹出来 选择年月日的框之后,直接点击导航上的“返回” 按钮,picker 选框不消失,也就是弹出框不消失 weui.datePicker({ start: 1900, // 从今天开始 end: 2030, defaultValue: dayArray, //cron: "* * 0,6", // 每逢周日.周六 onChange: function(result) {}, onConfirm: fun

实现效果 代码: <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> <script type="text/javascript"> $(document).ready(function () { //保存附件(新增/修改) $("#btnSave").click(function

http://www.cnblogs.com/wujixing/p/5194461.html ps: Java面试 http://blog.csdn.net/zhang070809/article/details/7421800

1.js cities = new Object(); cities['河北省']=new Array('石家庄', '张家口市', '承德市', '秦皇岛市', '唐山市', '廊坊市', '保定市', '沧州市', '衡水市', '邢台市', '邯郸市'); cities['山西省']=new Array('太原市', '大同市', '朔州市', '阳泉市', '长治市', '晋城市', '忻州地区', '吕梁地区', '晋中市', '临汾地区', '运城地区'); function set

FormViewCity 为mvc控制器传给view的数据,包括一个MyCitys集合字段. <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/Main.Master" Inherits="System.Web.Mvc.ViewPage<MvcStudyStep.Controllers.FormViewCity>" %><as

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <select id="province" onchange="func1(this)"></select> <s

在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name,  增加了属性:ref. ref 属性则是为了做级联定义的,ref所指向的则是当前combox值改变成引起联动的下一级combox,ref用下一级combox的id属性来赋值.注意:一般combox没必要设置id属性,只要级联时需要设置子级id等于父级ref,不同navTab和dialog中combox组件id必须唯一 以下是DWZ框

<!doctype html> <html lang="en" ng-app='App'> <head> <meta charset="UTF-8"> <title>Document</title> <script src='../angular-1.3.9/angular.js'></script> <style> *{ list-style:none; m