Question

希望这个不太难理解，但我只想将标签值输入到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>

Answer 1

试试这个

<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]")

检索元素。

Answer 2

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

functionX(text.textContent);

<强> Working Demo

或者如果在页面中使用脚本标记定义，则使用

呈现跨度的客户端ID

<%= LabelCL.ClientID %>

Answer 3

试试这个：

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

Answer 4

你几乎拥有它：

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

Answer 5

使用这段代码

onclick="myFunction(labelName.innerText)"

如何将标签值作为参数添加到javascript函数中？

5 个答案: