如何使用asp.net C＃将一个标签值传输到另一个标签以显示视频名称

Question

以下是带有图片的中继器下的标签代码：

            <asp:Repeater ID="innerRep" runat="server">
               <ItemTemplate>

                <li> 
                 <img src=' <%#Eval("ImageName") %>' alt='<%#Eval("ImgUrl") %>' width="100" height="60" onclick = "ChangeImage(this)" style="cursor:pointer;" />
               <br />   <asp:Label ID="Label1" runat="server" Text='<%#Bind("VideoName") %>' ></asp:Label>
                 </li>

                </ItemTemplate>
             </asp:Repeater>

当我使用图像onclick单击特定图像时，视频将开始在I帧中播放，并且我需要的视频名称应在标签的I帧下方。

为此，我使用了一个label2在视频播放器下方显示视频名称。

Answer 1

将中继器中的img标签更改为：

<img src=' <%#Eval("ImageName") %>' alt='<%#Eval("ImgUrl") %>' width="100" height="60" onclick = "ChangeImage(this,'<%#Eval("VideoName")' )" style="cursor:pointer;" />

我假设您为了简洁起见，保留了一个html span（id = spnPlayingVideoName），在iframe下，然后在javascript中可以执行以下操作：

<script language="javascript"> 
function ChangeImage(getID, playingVideoName) 
{ 
    //Set label value in JavaScript
    //document.getElementById("spnPlayingVideoName").value=playingVideoName;

    //Set label value in jQuery
    $("#spnPlayingVideoName").text(playingVideoName);

    var targetID = document.getElementById("centralImage"); 
    targetID.src=getID.alt; 
} 
</script>

此代码未经彻底测试，但是提供了一个快速的想法。

注意：确保向“ ChangeImage（...）”函数添加额外的参数不会破坏其他代码。 如果它破坏了其他代码，则可以编写一个单独的函数（例如：UpdateVideoLabel（...）），然后从img标签的“ onclick”事件中调用该函数。

Answer 2

$(function(){
$('img').click(function(){
//make a variable with the value of a label1 based on the selected img - in your given code you can achieve this by the example bellow or using $(this).next().next().text() - > <br /> is element as well.
var videoname = $(this).parent().find("label1").text();
$('label2').text(videoname);
});
});