JS批改img的src-ASP.NET教程-爱易网页

JS批改img的src

日期：2014-05-17　浏览次数：20504 次

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，自己理解吧：

<%@ Page Language="C#" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">



    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);

        }

    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <table border="1">

        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1" OnItemDataBound="Repeater1_ItemDataBound">

            <HeaderTemplate>

                <tr>

                    <th>field_1

                    </th>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS批改img的src

相关资料更多>

推荐阅读更多>