关于jquery级联图片无法显示。
时间:2010-01-14
来源:互联网
这是
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function func_load(){ //
sel_id=$('#select1').val();
imgurl=$('#url'+sel_id).attr('img');
types=$('#url'+sel_id).attr('title');
$('#mid').attr('src',imgurl)
$('#select2').load("load1.php?id="+sel_id)
$('#select2').ready(function() {{
fun_alert2();
}
});
}
function fun_alert2(){ //
sel_id2=$('#select2').val();
imgurl=$('#select2_'+sel_id2).attr('pic');
$('#model_img').attr('src',imgurl)
$('#mqqname_show').html($('#select2_'+sel_id2).attr('types'))
$('#mqqtime_show').html($('#select2_'+sel_id2).attr('newtime'))
}
$(document).ready(function() {
func_load();
});
</script>
这是jquery代码
以下是php 代码
<SELECT id="select1" name="select1" onchange="func_load()">
<!--<option>请选择手机品牌</option>-->
<?php while($phone = $db->fetch_assoc($queryphone)){ //取出所有的手机品牌?>
<option value="<?=$phone['did']?>" id="url<?=$phone['did']?>" img="<?=$phone['phonelogo']?>" lang="<?=date("Y-m-d H:i:s",$phone['newtime'])?>" title="<?=$phone['types']?>"><?=$phone['phonenames']?></option>
<?php }?>
</SELECT>
<TR>
<TD>我的手机型号</TD>
<TD>
<SELECT style="WIDTH: 100px" id="select2" name="select2" onchange="fun_alert2()"></SELECT>
</TD>
</TR>
以下是我要更新的图片位置,第一张图片可以顺利加载出来但第二张图片却不行,但是下拉框当中进行下拉选择时,却可以实现,不知道是为什么,可能是jquery的缓存,什么的,之前我在load1.php当中放入了一段红色的代码,过了很时间才显示出来,去掉时还会在.我想问下大家为什么第二张图片加载不出来呢,按理说,我已经把值赋予给select2当中了啊,为什么会不成功呢,只有在进行下拉操作时会成功。
<TD class=selectdemo rowSpan=2><img src="" alt="品牌" name="mid" width=90 height=35 id="mid"></TD>
<TD class=selectdemo rowSpan=2><IMG id="model_img" name="model_img" alt="机型" src="" ></TD>
以下是load1.php当中的代码。
<?php
header('Content-Type:text/html;charset=gbk');
include_once("global.php");
$id = $_GET['id'];
$phones=$db->query("select * from mz_download where classid<>did and classid=$id");
$temp.='<option value="'0'" pic="'.$row['phonelogo'].'" id="select2_0" types="'.$row['types'].'" newtime="'.date("Y-m-d H:i:s",$row['newtime']).'">'."aaaadf".'</option>';
while($row = $db->fetch_array($phones)){
$temp.='<option value="'.$row['did'].'" pic="'.$row['phonelogo'].'" id="select2_'.$row['did'].'" types="'.$row['types'].'" newtime="'.date("Y-m-d H:i:s",$row['newtime']).'">'.$row['phonenames'].'</option>';
}
echo $temp;
?>
我是想要在第一个下拉框中选取某个下拉选项时加载另一个下拉框中的内容,以及他相对应的图片,问题是在第一次加载时第二无法显示成功。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function func_load(){ //
sel_id=$('#select1').val();
imgurl=$('#url'+sel_id).attr('img');
types=$('#url'+sel_id).attr('title');
$('#mid').attr('src',imgurl)
$('#select2').load("load1.php?id="+sel_id)
$('#select2').ready(function() {{
fun_alert2();
}
});
}
function fun_alert2(){ //
sel_id2=$('#select2').val();
imgurl=$('#select2_'+sel_id2).attr('pic');
$('#model_img').attr('src',imgurl)
$('#mqqname_show').html($('#select2_'+sel_id2).attr('types'))
$('#mqqtime_show').html($('#select2_'+sel_id2).attr('newtime'))
}
$(document).ready(function() {
func_load();
});
</script>
这是jquery代码
以下是php 代码
<SELECT id="select1" name="select1" onchange="func_load()">
<!--<option>请选择手机品牌</option>-->
<?php while($phone = $db->fetch_assoc($queryphone)){ //取出所有的手机品牌?>
<option value="<?=$phone['did']?>" id="url<?=$phone['did']?>" img="<?=$phone['phonelogo']?>" lang="<?=date("Y-m-d H:i:s",$phone['newtime'])?>" title="<?=$phone['types']?>"><?=$phone['phonenames']?></option>
<?php }?>
</SELECT>
<TR>
<TD>我的手机型号</TD>
<TD>
<SELECT style="WIDTH: 100px" id="select2" name="select2" onchange="fun_alert2()"></SELECT>
</TD>
</TR>
以下是我要更新的图片位置,第一张图片可以顺利加载出来但第二张图片却不行,但是下拉框当中进行下拉选择时,却可以实现,不知道是为什么,可能是jquery的缓存,什么的,之前我在load1.php当中放入了一段红色的代码,过了很时间才显示出来,去掉时还会在.我想问下大家为什么第二张图片加载不出来呢,按理说,我已经把值赋予给select2当中了啊,为什么会不成功呢,只有在进行下拉操作时会成功。
<TD class=selectdemo rowSpan=2><img src="" alt="品牌" name="mid" width=90 height=35 id="mid"></TD>
<TD class=selectdemo rowSpan=2><IMG id="model_img" name="model_img" alt="机型" src="" ></TD>
以下是load1.php当中的代码。
<?php
header('Content-Type:text/html;charset=gbk');
include_once("global.php");
$id = $_GET['id'];
$phones=$db->query("select * from mz_download where classid<>did and classid=$id");
$temp.='<option value="'0'" pic="'.$row['phonelogo'].'" id="select2_0" types="'.$row['types'].'" newtime="'.date("Y-m-d H:i:s",$row['newtime']).'">'."aaaadf".'</option>';
while($row = $db->fetch_array($phones)){
$temp.='<option value="'.$row['did'].'" pic="'.$row['phonelogo'].'" id="select2_'.$row['did'].'" types="'.$row['types'].'" newtime="'.date("Y-m-d H:i:s",$row['newtime']).'">'.$row['phonenames'].'</option>';
}
echo $temp;
?>
我是想要在第一个下拉框中选取某个下拉选项时加载另一个下拉框中的内容,以及他相对应的图片,问题是在第一次加载时第二无法显示成功。
作者: vance 发布时间: 2010-01-14
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28