在线留言 省市区联动

<li><label>地  址:</label><input name="txtAddress" type="hidden"/>
<select name="province" class="select" datatype="*" nullmsg="请选择省份" sucmsg=" "></select>
<select name="city" class="select" datatype="*" nullmsg="请选择城市" sucmsg=" "></select>
<select name="area" class="select" datatype="*" nullmsg="请选择地区" sucmsg=" "></select></li>

<script src="/scripts/js/PCASClass.js"></script>

new PCAS("province,请选择", "city,请选择", "area,请选择"); //地址

$(‘select[name="area"]‘).change(function () {
var address = $(‘select[name="province"]‘).val() + $(‘select[name="city"]‘).val() + $(‘select[name="area"]‘).val();
console.log(address);(address);
$(‘input[name="txtAddress"]‘).val(address);
});

时间: 2024-12-15 03:25:11

在线留言 省市区联动的相关文章

省市区联动

学习JS遇到做省市区联动控件,以下是自己的一些心得. <body><select id="province" onchange="chooseProvince(this)"> <option value="1">请选择省</option></select><select id="city" onchange="chooseCity(this)"

基于AngularJs + Bootstrap + AngularStrap 省市区联动实践

什么是 AngularJs?网上一大堆资料,没能真正说明白. AngularJs 就是一个函数库,算不上一个框架,源码2万2千多行,提供了前端MVC的开发方式, 有双向绑定,指令等特性,这是具有革命性的.我是多么反感jQuery 用选择器 选择元素 ,绑定事件,进行一大堆DOM操作,一旦代码过多,非常不好维护,html结构改变,又要重写js代码, 不过 jQuery  对 ajax的封装  是其他框架 匹敌不了的,接近于标准. Bootstrap 是一个 css 库,对于搞后端出生的娃,比较友好

省市区联动,从静态,ajax,angular三个方面来入手

首先从最简单的静态开始,思路很简单,当我们选择省出来对应的市,选择完市出来对应的区,再次选择省时清空其子集:我们一起来看代码吧. 先把类数组文件单独放起来:复制时取类名即可. 1 var pcdArr = [ 2 3 { "name": "北京", "city":[{"name":"北京", "area":["东城区","西城区","崇文

dede在线留言

登录dede后台,在[核心]---[频道维护]---[自定义表单]中根据需要创建需要的表单.   点击[增加新的自定义表单],添加在线留言表单.确定即可. 注意: ①在这里只需要修改[自定义表单名称:]即可,其他的不需要修改. ②[前台列表和内容页公开?:]选择完全公开(这是暂时的,后面还要更改为不公开,因为这涉及到客户的信息,所以需要保密.   上一步操作完之后,会返回自定义表单中,点击下面的修改按钮进行添加新字段.   [填加新字段]就是添加所需要的:公司名称.姓名.性别.电话.邮件.留言内

JS省市区联动

JS省市区使用文档 一:服务器返回JSON格式要求如下网址里面data的格式:(拿KISSY组件data格式来做的) http://gallery.kissyui.com/cityselector/doc/linkage-data.js 二:使用时,页面head部分需要引入jquery和省市区JS,依赖于HTML结构如下: <select  id="prov4" data-code="220000"></select> <select

复选框 省市区 联动(监听input的change事件)

需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省  选择对应的第一个市区,同时默认选中第三级区域的第一个.同理监听span或者label(因为label与input的搭配使用) 辅助:后台提供省市区的数据: 两种方式: A:后台直接给dom结构(后台写好基本构架,前段自己在后台code填写需要的dom,class,方便前端开发) B:后台直接给前段一个json数据,前段自己遍历.(和后

网站在线留言

一.检查插件是否已安装,如果未安装,则点击安装插件 二.安装成功之后,在应用->插件管理->留言管理,可以看到客户留言的内容. 三.模版文件 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charse

jquery.mobiscroll仿Iphone ActionSheet省市区联动

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> 6 7 <t

PHPCMS快速建站系列之在线留言

有两种方法 第一种方法: 利用留言板插件,在后台模板中,安装留言板插件使用,这里先不展开. 第二种方法: 表单向导的适用场合: 如果一个前台页面只是为了提交表单数据,那么就非常适合适用表单向导的功能,如下面留言板的案例:如果一个前台页面不只是为了提交表单,还要求在当前前台页面显示提交表单的内容,这种情况就不太适合适用表单向导,更适合将其作为一个模块或插件进行安装,如前台页面需要显示用户留言信息的情况 效果图如下: 1,进入"模块" 2,选择"表单向导" 3,点击&q