JS批改img的src

JS修改img的src
现在有个项目要能实时更新数据。
数据库有个视图的字段里面的值(status)是固定的，1==向上运行，2==向下运行，0＝＝停止，5==不能确定
我是用repeater把这个数据绑定在td里。
现在我要把字段的值 1,2,0,5 4个数据转换成不同的图片1.gif 2.gif 0.gif 5.gif. 应该怎么做？
我自己的想法是在数据查询出来dataset里把status的值赋值给变量aa,再判断的aa的值，然后路径赋值给 bb ，前台,<td>里面的src＝<%=bb%>.结果出来的所有图片都是一样的，也就是bb只取了dataset里面的第一条。
求大神告知该怎么做， JS 可以实现吗？求实例，谢谢！ JS修改src??动态修改src。
[解决办法]

引用:

引用:你应该做个循环... 比如用 <% while(...) %>

我就是没做循环所以才把src都改成一种，跪求大神指导怎么循环改掉！

<%= %>跟<%# %>的区别，这是太基本的概念，没有什么代码给你抄。

如果你想了解asp.net的机制，我给你写了一个Demo，自己理解吧：

&lt;%@ Page Language="C#" %&gt;

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;script runat="server"&gt;

    public int i;

    protected string GetUrl(int i)
    {
        if (i % 2 == 0)
            return "http://t2.gstatic.com/images?q=tbn:ANd9GcSTwunS5WG8coDuWrl4uXkqRpnwYjPzsa5TDzWVBIfCRYYmYV_mgpmpn34";
        else
            return "http://t2.gstatic.com/images?q=tbn:ANd9GcSvv7bpkq4RbhnU-HsrwWNLpgUT5T-zGT_80WhJnIEfz8LsC4mnN9Fc7s8";
    }

    protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item 
[解决办法]
 e.Item.ItemType == ListItemType.AlternatingItem)
        {
            var x = e.Item.DataItem;
            var t = x.GetType();
            var p = t.GetProperty("i");
            i = (int)p.GetValue(x, null);
        }
    }
&lt;/script&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    &lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;table border="1"&gt;
        &lt;asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1" OnItemDataBound="Repeater1_ItemDataBound"&gt;
            &lt;HeaderTemplate&gt;
                &lt;tr&gt;
                    &lt;th&gt;field_1
                    &lt;/th&gt;
                    &lt;th&gt;field_2 
 
                    &lt;/th&gt;
                &lt;/tr&gt;
            &lt;/HeaderTemplate&gt;
            &lt;ItemTemplate&gt;
                &lt;tr&gt;
                    &lt;td&gt;
                        &lt;asp:Image runat="server" ImageUrl='&lt;%# GetUrl((int)Eval("i")) %&gt;' /&gt;
                        &lt;br /&gt;
                        &lt;asp:Label ID="Label1" runat="server" Text='&lt;%# Eval("i") %&gt;' /&gt;
                    &lt;/td&gt;
                    &lt;td&gt;
                        &lt;img src='&lt;%= GetUrl(i) %&gt;' alt="JS批改img的src" /&gt;&lt;br /&gt;
                        &lt;%= i %&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
            &lt;/ItemTemplate&gt;
            &lt;FooterTemplate&gt;
                &lt;tr&gt;
                    &lt;td colspan="2"&gt;比较一下吧！
                    &lt;/td&gt;
                &lt;/tr&gt;
            &lt;/FooterTemplate&gt;
        &lt;/asp:Repeater&gt;
    &lt;/table&gt;
    &lt;asp:ObjectDataSource ID="ObjectDataSource1" runat="server" TypeName="TestRepeater" SelectMethod="Select"&gt;&lt;/asp:ObjectDataSource&gt;
&lt;/body&gt;
&lt;/html&gt;

[解决办法]
<%# eval("status","{0}.gif") %>

JS批改img的src

热点推荐