append 不能从data中获取字段img
其他功能数据正常显示,但img图片不能显示
练习代码,不工整处见谅
<SELECT name="addno">
<option>--请选择地区--</option>
<s:iterator value="#session.ress">
<option value="<s:property value="addno"/>"><s:property value="addname"/></option>
</s:iterator>
</SELECT>
<SCRIPT type="text/javascript"><!--
$(function(){
$("select").change(function(){
$.post("selectByType",{addno:$(this).val()},function(data){
$("#t1").remove();
$("select").after("<table id='t1' border='1'><tr><td>编号</td><td>姓名</td><td>性别</td><td>年龄</td><td>电话</td><td><a href='addselectAll'>地址</a></td><td>图片</td></tr></table>");
$.each(data,function(i,n){
$("table").append("<tr><td>"+n.sid+"</td><td>"+n.sname+"</td><td>"+n.sex+"</td><td>"+n.age+"</td><td>"+n.tel+"</td><td>"+n.addname+"</td><td>"+"<img src=\"./img/n.img\" width='300px' height='200px'>"+"</td></tr>");
});
},'json')
})
});
</SCRIPT>
n.img放在双引号里面了,解析成字符串了,你在浏览器调试看看,是不是变成字符串了(浏览器按F12,找到位置)
"</td><td>"+"<img src=\"./img/n.img\" width='300px' height='200px'>"+"</td></tr>");
改成:
"</td><td>"+"<img src=./img/"+n.img+" width='300px' height='200px'>"+"</td></tr>");
而且还要看看这个img拼接的src地址是否正确哦。望采纳