+ -
当前位置:首页 → 问答吧 → 关于jquery级联图片无法显示。

关于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;
?>

我是想要在第一个下拉框中选取某个下拉选项时加载另一个下拉框中的内容,以及他相对应的图片,问题是在第一次加载时第二无法显示成功。

作者: vance   发布时间: 2010-01-14

相关阅读 更多