级联获取数据库中图片地址并显示
目前有一个级联的分类,我想实现在选择分类的类型后,可以显示出对应的图片。
图片地址已经在数据库中建立了,但是问题是如何控制这个图片显示的问题。求大神指点。
[解决办法]
那你可以用个div层来显示图片,图片数量如果不确定的话可以使用jquery的滚动图片插件,当选择某个分类后就显示这一分类下的所有图片。这没什么难啊
[解决办法]
都用select就行了。动态的获取分类信息到select中就可以了。接下就是select的onchange事件,变换option跟着变换图片就可以了
[解决办法]
如果只是涉及到这个页面的改动可以改掉别人写的,如果还牵涉到其它页面的话,那就在别人的基础上改。
控制id是指生成的ID吗,那你可以在生成的时候加个统一的前缀后面跟上迭代的index
[解决办法]
<script src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
function loadImg(id) {
if (bid != '') {
$('#dvImg').html('正在加载图片信息...');
$.ajax({ url: 'xxxxx.jsp', //动态页地址,负责获取id然后读取数据返回“<img src="图片路径"/><img src="图片路径"/><img src="图片路径"/>”这种html代码
data: 'id=' + id,
type: 'POST',
dataType: 'html',
success: function (html) { $('#dvImg').html(html); },
error: function (xhr) { alert('动态页有问题!\n'+xhr.responseText); }
});
}
}
</script>
<select onchange="loadImg(this.value)">
<option value="..">请选择..</option>
<option value="1">分类1</option>
<option value="2">分类2</option>
<option value="3">分类2</option>
</select>
<div id="dvImg"></div>