如何将标签值作为参数获取到 javascript 函数中？答案

【问题标题】：How do I get label value as a parameter into a javascript function?如何将标签值作为参数获取到 javascript 函数中？
【发布时间】：2011-03-14 02:53:30
【问题描述】：

希望这个不是太难理解，但我只想将标签值输入到 javascript 函数中。用代码解释可能更好：

ASP.NET 标签代码：

<asp:Label ID="LabelCL" runat="server" Text="A single int filled in by DB"></asp:Label>

页面来源：

<span id="ctl00_cpMainContent_LabelCL">7</span>

我想实现但不知道该怎么做：

<span id="ctl00_cpMainContent_LabelCL">     <script type="text/javascript">functionX(7)</script>    </span>

所以基本上只需将输出 int 包装在以下内容中：

<script type="text/javascript">functionX( VALUE FROM LABEL TEXT)</script>

内
<span></span>

【问题讨论】：

标签： c# asp.net javascript html data-binding

【解决方案1】：

试试这个：

<asp:Label ID="LabelCL" runat="server" Text="A single int"></asp:Label>
<button onclick="displayContent(<%= LabelCL.ClientID %>)">click me</button>
<script>
    function displayContent(obj) {
        alert(obj.innerText);
    }
</script>

【讨论】：

【解决方案2】：

试试这个

<asp:Label ID="LabelCL" runat="server" />

<script type="text/javascript">
    var value = document.getElementById("<%= LabelCL.ClientID %>").innerHTML;
    functionX(value);
</script>

如果是在渲染后调用，你可以简单地使用LabelCL.Text，如果你需要之后的值并且可以编辑，你可以像上面的例子那样做。

你可以使用 jQuery

$("[id$=LabelCL]")

检索元素。

【讨论】：

“.ClientID”从何而来？
它是控件的一个属性，它将在页面上呈现到最终元素（html元素）的ID。 <%= LabelCL.ClientID %> 表示获取控件LabelCL 并返回它的ClientID

【解决方案3】：

var span = document.getElementById('ctl00_cpMainContent_LabelCL'),
    text = span.firstChild;

functionX(text.textContent);

Working Demo

或者如果在页面中定义，则使用脚本标签来呈现跨度的客户端 ID，使用

<%= LabelCL.ClientID %>

【讨论】：

【解决方案4】：

你差点就吃完了：

<asp:Label runat="server" Text="<script type='text/javascript'>document.write(functionX(7));</script>"/>

【讨论】：

【解决方案5】：

使用这段代码

onclick="myFunction(labelName.innerText)"

【讨论】：

这里没有解释