网站使用的thinkphp系统做的。这是js代码
<script type="text/javascript">
//bbs.fdays.com 旅游论坛
//[email protected]
$(document).ready(
function ()
{
//载入省份
// if(document.doChangeBasic.Provinces.value=null){
$.get("__APP__/Location/index/type/Provinces/id/0",
function(data){
$('.Provinces').html(data);
}
)
//}
//按需加载城市列表
$('.Provinces').change(
function() {
var id = $(this).val();
var dom_name = this.id;
if ( $('#City_'+id).html() != null ) //判断数据是否存在
{
$('#'+dom_name+'-id_City').html($('#City_'+id).html()); //存在直接调用
}
else
{
$.get("__APP__/Location/index/type/City/id/" + id, //不存在发送请求
function(data){
$('#'+dom_name+'-id_City').html(data);
$('#Location_data').append('<select id="City_'+id+'">'+data+'</select>') //将返回的数据写入页面,重复调用,减小请求.
}
)
}
}
)
//按需加载地区列表
$('.City').change(
function() {
var id = $(this).val();
var dom_name = this.id;
if ( $('#Region_'+id).html() != null )
{
$('#'+dom_name+'-id_Region').html($('#Region_'+id).html());
}
else
{
$.get("__APP__/Location/index/type/Region/id/" + id,
function(data){
$('#'+dom_name+'-id_Region').html(data);
$('#Location_data').append('<select id="Region_'+id+'">'+data+'</select>')
}
)
}
}
)//为每个select 创建唯-ID,以便重复调用
var P_select = new Array();
P_select[0] = '.Provinces';
P_select[1] = '.City';
P_select[2] = '.Region';
var L_Number, L_Name;
for (var i=0; i<3; i++)
{
L_Number = $(P_select[i]).length;
for (var i2=0; i2<L_Number; i2++)
{
if (P_select[i] == '.Provinces')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2);//ID名字尽量长一些,以免同页面的ID相同
}
else if (P_select[i] == '.City')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2+'-id_City');
}
else if (P_select[i] == '.Region')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2+'-id_City-id_Region');
}
}
}
}
)
;
</script>
<script type="text/javascript">
//bbs.fdays.com 旅游论坛
//[email protected]
$(document).ready(
function ()
{
//载入省份
// if(document.doChangeBasic.Provinces.value=null){
$.get("__APP__/Location/index/type/Provinces/id/0",
function(data){
$('.Provinces').html(data);
}
)
//}
//按需加载城市列表
$('.Provinces').change(
function() {
var id = $(this).val();
var dom_name = this.id;
if ( $('#City_'+id).html() != null ) //判断数据是否存在
{
$('#'+dom_name+'-id_City').html($('#City_'+id).html()); //存在直接调用
}
else
{
$.get("__APP__/Location/index/type/City/id/" + id, //不存在发送请求
function(data){
$('#'+dom_name+'-id_City').html(data);
$('#Location_data').append('<select id="City_'+id+'">'+data+'</select>') //将返回的数据写入页面,重复调用,减小请求.
}
)
}
}
)
//按需加载地区列表
$('.City').change(
function() {
var id = $(this).val();
var dom_name = this.id;
if ( $('#Region_'+id).html() != null )
{
$('#'+dom_name+'-id_Region').html($('#Region_'+id).html());
}
else
{
$.get("__APP__/Location/index/type/Region/id/" + id,
function(data){
$('#'+dom_name+'-id_Region').html(data);
$('#Location_data').append('<select id="Region_'+id+'">'+data+'</select>')
}
)
}
}
)//为每个select 创建唯-ID,以便重复调用
var P_select = new Array();
P_select[0] = '.Provinces';
P_select[1] = '.City';
P_select[2] = '.Region';
var L_Number, L_Name;
for (var i=0; i<3; i++)
{
L_Number = $(P_select[i]).length;
for (var i2=0; i2<L_Number; i2++)
{
if (P_select[i] == '.Provinces')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2);//ID名字尽量长一些,以免同页面的ID相同
}
else if (P_select[i] == '.City')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2+'-id_City');
}
else if (P_select[i] == '.Region')
{
$($(P_select[i]).get(i2)).attr('id','Ajax_dom_select_id_Provinces_'+i2+'-id_City-id_Region');
}
}
}
}
)
;
</script>
解决方案 »
- 请教一个关于lightbox乱码的问题
- JavaScript 简洁版 俄罗斯方块
- img src=变量
- 脚本在火狐浏览器下不起作用
- 关于网站首页的设计请教, 像网易,新浪的首页都是怎么设计的
- javascript中引用包的问题
- 怎样实现打开网站首页时为全屏?
- 关于javascript的表格替换问题(100分求解,分不够在加)
- 怎样在不选取记录时使删除按钮不可用?
- 一个javascript动态添加页面的问题
- 菜鸟求助document.addEventListener和element.addEventListener有什么不同?
- 请问JSP里怎样把javascript的变量值赋给java的变量,谢谢
在网站的基本资料编辑部位 这是网站地址 www.youfri.com 友邻交友