黑马程序员技术交流社区

标题: 给jsp页面传值，如何动态的给img中的src赋值 [打印本页]

---

作者: saiqqww234    时间: 2016-5-5 20:53
标题: 给jsp页面传值，如何动态的给img中的src赋值
我的代码是这样的：
     <s:iterator value="pictureList">
<script type="text/javascript">
var url=""+'${url}';
var urls=new Array();//定义一个数组用来存放url
urls=url.split("|");
alert(urls[0]);
document.getElementById('imgInit').src=urls[0];
</script>
<div id="img-list">

<img id="imgInit"
src=""
width="150" alt="点我"
onclick="AUI.overlay.fadeIn(this,20,'${description }')" />
<div>
${description }
</div>
</div>
</s:iterator>
我有pictureList集合，里面包含picture这个bean，picture里面有url，url的值是这样的/jxyjs/admin/upload/image/20160331/20160331193035_963.jpg|/jxyjs/admin/upload/image/20160331/20160331193035_282.jpg|/jxyjs/admin/upload/image/20160331/20160331192147_802.jpg|/jxyjs/admin/upload/image/20160331/20160331192153_527.jpg|，其实就是几个图片的路径，有一个或者两个或者n个，这个路径是在用户输入的内容中提取的，我用js将url截取，获得单个url图片的路径，现在的问题就是我想要url赋值给图片，显示出来，但是上面的代码的效果就是首相iterator循环，url【0】的值取得是最后一个，前面的都没有赋值上，是什么原因，script只会循环一次吗?

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2