C# 如何使用asp.net C将一个标签值转换为另一个标签以显示视频名称

下面是我在带有图像的转发器下的标签代码：

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

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

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

---

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

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

为了简洁起见，我假设您在iframe下面保留了一个html spanid=spnPlayingVideoName 然后在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事件调用它。

您是否尝试将标签值作为参数传递给：ChangeImagethis，labelValue，并使用jquery/javascript将其设置为label2？不，实际上我不熟悉jquery和Java脚本。我不知道如何传递值，我的java脚本代码是：我的java脚本代码：function ChangeImagegetID{var targetID=document.getElementByIdcentralImage；targetID.src=getID.alt；}请看我的答案，我提供了一些示例代码。您的代码工作正常，但希望为类似视频名称传递另一个参数，将该视频大小更改为视频名称标签下方的另一个标签。真是湿婆，非常感谢。ASP.NET服务器控件的SivaFinding by ID有点棘手，因为它们将通过附加父面板ID等自动生成，特别是在ASP.NET4.0的早期版本中。我认为在repeater中按ID搜索它们更为棘手，但这只是基于我们所掌握的信息来展示这个概念：感谢您指出这一点。您的代码工作得很好，但希望将类似视频名称的另一个参数传递给视频名称标签下面的另一个标签。湿婆。

$(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);
});
});