通过ASP.NET客户端ID添加到javascript函数中

本文关键字：javascript 函数 添加 ID ASP NET 客户端 通过 | 更新日期: 2023-09-27 17:59:11

我需要在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被直接传递为'<%=txt客户端名称。ClientID%>'，而不是实际值。因此，调用document.getElementById（controlID）；不起作用。

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

通过ASP.NET客户端ID添加到javascript函数中

您可以将asp.net控件更改为标准html元素（即，不使用runat="server"）

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

或者查看堆栈溢出答案：

在asp:hyperlink中分配声明性值时出现问题。错误：这不是scriptlet。将作为纯文本输出

或者使用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>

这是来自后面的代码吗？

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

<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

相关文章：