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网站来说,购物车是网站的咽喉之地,订单是白花花的银子,所有银子都必然流经购物车,购物车不能有失.优秀的购物车设计至少需要完成两项使命:一是方便用户多买货多掏银子:二是帮用户保管好待购的 ...
随机推荐
- Ⅵ.spring的点点滴滴--自定义类型转换器
承接上文 自定义类型转换器 .net篇(环境为vs2012+Spring.Core.dll v1.31) public class CustomeConverter : TypeConverter{ ...
- MSSQLSERVER数据库- 字符串分割函数返回类型表
遇到这样一个问题,存储在数据库的数据是一串字符串如:1,2,3,4,5,6.想把这串字符串进行转变成一个表格,如下: 1 2 3 4 5 6 就是这样一个问题,有人同事,写了一个这样的封装函数,这样就 ...
- .NET托管代码和非托管代码
.net托管代码是运行在.NET FRAMEWORK上的,类似于JAVA虚拟机托管代码:属安全代码,因为不涉及指针,但相对性能上较低,C#写出来的东西就可以认为是托管代码非托管代码:非安全的,可以使用 ...
- Linq to SQL 简单增删改查
用Linq大大减少了对数据库的一般操作所需的编码量.运行下面事例之前,首先建一个叫做Alien的数据库表. CREATE TABLE [dbo].[Aliens]( [Id] [int] IDE ...
- nginx 安装手记 分类: Nginx 服务器搭建 2015-07-14 14:28 15人阅读 评论(0) 收藏
Nginx需要依赖下面3个包 gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) zlib-1.2.8.tar.gz rewrite 模块需要 pcre 库 ( ...
- jfinal拦截器301跳转
在jfinal的handle中加入 HandlerKit.redirect301("http://10.10.3.144:8080/bbb.rar", request, respo ...
- Android中滑屏实现----手把手教你如何实现触摸滑屏以及Scroller类详解
前言: 虽然本文标题的有点标题党的感觉,但无论如何,通过这篇文章的学习以及你自己的实践认知,写个简单的滑屏小 Demo还是just so so的. 友情提示: 在继续往下面读之前,希望您对以下知识点 ...
- php连接oracle数据库(linux)(转)
php连接访问Oracle是用过oci函数,以下是整理的文档 1.安装Apache和php包 yum install -y httpd php* 2.下载Oracle组件 oracle-instant ...
- TIMESTAMP 与 explicit_defaults_for_timestamp
在MySQL 5.6.6之前,TIMESTAMP的默认行为: TIMESTAMP列如果没有明确声明NULL属性,默认为NOT NULL.(而其他数据类型,如果没有显示声明为NOT NULL,则允许NU ...
- INSTALL_FAILED_VERSION_DOWNGRADE报错
error: INSTALL_FAILED_VERSION_DOWNGRADE 原因:模拟器或者实际的device中已经安装了同名的app,且本次的版本并不高 解决:在模拟器中卸载此同名应用,之后再运 ...