Question

我需要在ASP.net控件事件的onblur事件中将客户端ID传递给Javascript函数，如下所示：

OnBlur="javascript:setBackground(this, '<%= txtClientName.ClientID %>')"

这是我的Javascript函数：

function setBackground(sender, controlID) {
        sender.style.backgroundColor = "#ffffff";
        var nextElement = document.getElementById(controlID);
        if ((nextElement.value == '' || nextElement.value == 'Select') && tab == true) {
            nextElement.style.backgroundColor = "#f7C059"
            tab = false;
        }
    }

问题是客户端ID按字面意思传递为'＆lt;％= txtClientName.ClientID％＆gt;'而不是实际值。所以，调用document.getElementById（controlID）;不起作用。

如何获取实际的客户端ID并将其传递给我的Javascript函数？

Answer 1

您可以将asp.net控件更改为标准html元素（即没有runat =“server”）

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<input type="text" id="ClientText1" onblur="javascript:alert('<%= TextBox1.ClientID %>')" />

或看到此Stack Overflow回答：

problem assigning declarative values in asp:hyperlink. error: this is not scriptlet. will output as plain text

或使用jquery

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#text2").blur(function(){alert('<%= TextBox1.ClientID %>')});
        });
    </script>

Answer 2

这是代码隐藏吗？

OnBlur=String.Format("javascript:setBackground(this, '{0}')", txtClientName.ClientID);

怎么样？

Answer 3

<asp:TextBox ID="TextBox1" runat="server" onclick="dosomething(this)"></asp:TextBox>

<script>
function dosomething(obj)
{
   var txtObj= document.getElementById(obj.id);
alert (txtObj);
}
</script>

从函数传递此对象，可以从ClientID

的javascript获取this.id

将ASP.NET客户端ID传递给javascript函数

3 个答案: