php 商务网站购物车联动地址
数据表如下:
CREATE TABLE IF NOT EXISTS `china` (
`region_id` smallint(5) unsigned NOT NULL,
`parent_id` smallint(5) unsigned NOT NULL DEFAULT '0',
`region_name` varchar(120) NOT NULL DEFAULT '',
`region_type` tinyint(1) NOT NULL DEFAULT '2',
`agency_id` smallint(5) unsigned NOT NULL DEFAULT '0'
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
数据见文件:
测试页test.php,
在这个文件得先引入 jquery文件和相应的js文件(accoun_1.js),
用 ajax技术查找(ajax_1.php)
test.php文件如下
<?php
session_start();
$link = mysql_connect('localhost', 'root', '123456') or die("Error: " . mysql_error());
mysql_select_db('trade', $link);
mysql_query("set names utf8", $link);
$province = array();
$sql = "select * from china where parent_id = 1";
$result = mysql_query($sql);
while($row = mysql_fetch_assoc($result))
{
$province[$row['region_id']] = $row;
}
?>
<script src="jquery-1.10.2.js" type="text/javascript"></script>
<script src="accoun_1.js" type="text/javascript"></script>
<center>
<form name="myform" action="deal.php" method="post">
<input type="hidden" value="ajax_1.php" id="site_url">
<div id="box">
<div class="tr china len2">
<span><b></b>省份:</span>
<select name="province" class="province option">
<option>-请选择省-</option>
<?php foreach ($province as $key => $value):?>
<option><?php echo $value['region_name'];?></option>
<?php endforeach;?>
</select>
<select name="city" class="city option">
<option>-请选择市-</option>
</select>
<select name="county" class="county option">
<option>-请选择区/县-</option>
</select>
</div>
<div class="address len2">
<span><b></b>地址:</span>
<textarea name="address"></textarea>
</div>
</div>
<input type="submit" name="submit" value="submit" />
</form>
</center>
acoun_1.js文件如下:
// id = 1为省份,2为城市
$(document).ready(function(){
var Iprovince=$('#box .china .province');
var Icity=$('#box .china .city');
var Icounty=$('#box .china .county');
var address = $('#box .address textarea');
Iprovince.change(function(){
var province = $(this).val();
address.text(province);
var _url = 'ajax_1.php';
$.ajax({
url:_url,
type: 'post',
data:{'prov': province, 'id': 1},
success:function(data)
{
Icity.append(data);
}
});
});
Icity.change(function(){
var city = $(this).val();
address.text(address.text()+city);
var _url = 'ajax_1.php';
$.ajax({
url:_url,
type:'post',
data:{'city':city, 'id': 2},
success:function(data)
{
Icounty.append(data)
}
});
});
Icounty.change(function(){
var country = $(this).val();
address.text(address.text()+country);
})
});
ajax_1.php文件如下:
<?php
session_start();
$link = mysql_connect('localhost', 'root', '123456') or die("Error: " . mysql_error());
mysql_select_db('trade', $link);
mysql_query("set names utf8", $link);
// 1 表省份 2 表城市
if($_POST['id'] == 1)
{
$region_name = $_POST['prov'];
$city = '';
$sql = "select * from china where region_name = '{$region_name}'";
$result = mysql_query($sql);
$pro_row = mysql_fetch_assoc($result);
$pro_id = $pro_row['region_id'];
$query = "select * from china where parent_id = '{$pro_id}'";
$res = mysql_query($query, $link);
while($row = mysql_fetch_assoc($res))
{
$city .= '<option>' . $row['region_name'] . '</option>';
}
echo $city;
}else if($_POST['id'] == 2)
{
$region_name = $_POST['city'];
$country = '';
$sql = "select * from china where region_name = '{$region_name}'";
$result = mysql_query($sql);
$pro_row = mysql_fetch_assoc($result);
$pro_id = $pro_row['region_id'];
$query = "select * from china where parent_id = '{$pro_id}'";
$res = mysql_query($query, $link);
while($row = mysql_fetch_assoc($res))
{
$country .= '<option>' . $row['region_name'] . '</option>';
}
echo $country;
}
?>
php 商务网站购物车联动地址的更多相关文章
- 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变
查看本章节 查看作业目录 需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变 当用户单击"+" ...
- 如何知道某个网站的IP地址
命令行窗口得到ip地址 1按键盘上的win键(alt键左面的小窗口)+R键 调用运行 2输入cmd 确定 调用系统的 命令行窗口 3在命令行窗口里输入 ping + 空格键 + www.*****.c ...
- java获取当前网站的IP地址
package ip; import java.net.InetAddress; import java.net.UnknownHostException; /** * * @author * */ ...
- 如何修改WordPress网站默认登录地址wp-admin
使用过WordPress程序建网站的学员都知道,我们使用Wordpress建好的网站,它的网站登录后台就是“网站域名/wp-admin”.如下图: 为了网站安全,如何修改Wordpress网站默认登录 ...
- 简单获取各大视频网站的flash地址
最近做网站的时候遇到一个需求:给定一个视频地址,获取它的swf地址.例如,给一个优酷的视频地址:http://v.youku.com /v_show/id_XNDg4MzY5ODU2.html,想获取 ...
- .net网站上传图片换电脑不显示 当不用网站的IP地址访问图片,只用相对路径访问时,在发布网站的时候,将上传图片的目标文件夹,包含在项目中再发布即可。
.net网站上传图片换电脑不显示 当不用网站的IP地址访问图片,只用相对路径访问时,在发布网站的时候,将上传图片的目标文件夹,包含在项目中再发布即可.
- 关于慕课网《使用vue2.0实现购物车和地址选配功能》的总结
视频学习网址:http://www.imooc.com/learn/796 源码打包:https://codeload.github.com/fachaoshao/Vue-ShoppingCart/z ...
- [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板
/** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 ...
- 常见B2C网站购物车的设计
对于大部分B2C网站来说,购物车是网站的咽喉之地,订单是白花花的银子,所有银子都必然流经购物车,购物车不能有失.优秀的购物车设计至少需要完成两项使命:一是方便用户多买货多掏银子:二是帮用户保管好待购的 ...
随机推荐
- 正则匹配:Email 密码强度 身份证 手机号 日期 数字每4个字空一格等
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑.熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升.下面是在前端开发中经常 ...
- 多点触控之MotionEvent.ACTION_MASK作用
ACTION_MASK在Android中是应用于多点触摸操作,字面上的意思大概是动作掩码的意思吧. 在onTouchEvent(MotionEvent event)中,使用switch (event. ...
- 设置JVM内存溢出时快照转存HeapDump到文件
诊断内存溢出是一个有难度的事情,可以在生产环境试一试下面的参数,在发生内存溢出OutOfMemoryError时做HeapDump并保存到文件,然后分析该文件看是否能查到蛛丝马迹. set JAVA_ ...
- android学习二(Activity)
前面我简单的介绍了android的一些基础知识,当作热身吧,接下来接触android的四大组件的activity活动. 1.活动Activity是是一种保护用户界面的组件,主要用于和用户进行交互. 活 ...
- Android SDK Manager无法更新问题解决
有时候在网络不好的情况下,android sdk manager更新可能一直报错.原因跟国内对于google相关服务的访问受限有关系,需要设置代理访问. 最近也遇到了这个问题.解决方法如下. 启动An ...
- android webview内容压线问题解决方法
最近在使用webview做页面开发,项目上要求webview在获取到焦点的时候需要有边框线,于是添加上了webview的选中效果,但是出现了网页中的内容压选中框的情况.之后给webview添加padd ...
- RHCA学习笔记:RH442-Unit9内核定时与进程延时
Unit 9 Kernel Timing and Process Latency 内核定时与进程延时 学习目标: A.了解CPU 是怎样追踪时间的 B.调整CPU的访问次数 C.调整调度延时 D. ...
- 使用split进行分割时遇到特殊字符的问题
使用split分割时: String[] a="aa|bb|cc".split("|"); output: [a, a, |, b, b, |, c, c] 先 ...
- Netbeans7.0完美中文+Consolas字体显示配置(亲测可用)
最近把开发环境从Eclipse迁移到了Netbeans上面.因为Netbeans已经相当优秀,速度快功能也不必Eclipse差,但是一只有 一个问题一直让我对eclipse非常纠结:如果把字体选择为C ...
- hibernate篇章三-- hibernate配置文件hibernate.cfg.xml的详细解释
<!--标准的XML文件的起始行,version='1.0'表明XML的版本,encoding='gb2312'表明XML文件的编码方式--> <?xml version='1.0' ...