asp.net控件值无法传递给javascript函数

Question

我的问题是：asp.net控件的值不能传递给javascript函数

ASP.NET代码

<asp:TextBox ID="txtsubcategorycodeid" class="form-control " runat="server" placeholder="Sub Category Code ID"></asp:TextBox>
<asp:TextBox ID="txtsubcategoryname" class="form-control " runat="server" Height="25px" placeholder="Sub CategoryName In Letter"></asp:TextBox>
<asp:DropDownList ID="ddcategorycodeid" runat="server">
<asp:ListItem>---Select---</asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddstatus" runat="server">
<asp:ListItem>---Select---</asp:ListItem>
<asp:ListItem>Active</asp:ListItem>
<asp:ListItem>In-Active</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="btnSave3" runat="server" Text="Button" OnClientClick="return btnSave3_onclick()" />

JavaScript代码

var txtsubcategorycodeid = $("#txtsubcategorycodeid").val();
var txtsubcategoryname = $("#txtsubcategoryname").val();
var ddcategorycodeid = $("#ddcategorycodeid").val();
var ddstatus = $("#ddstatus").val();

当我称它为未定义时

此代码以简单形式工作，但不适用于模板上的集成，因此我将此代码放入了集成的Template中。 不起作用。

    This Asp.Net Code in content placeholder. 
    If I use input html control then its works.

Answer 1

如果您使用的是ASP.NET 4或更高版本，则可以将ClientIDMode属性添加到控件中，这不会像下面这样更改您的ID：

<asp:TextBox ID="txtsubcategorycodeid" class="form-control " runat="server" 
     placeholder="Sub Category Code ID" ClientIDMode="Static" ></asp:TextBox>

在这种情况下，如果执行以下操作，您将获得正确的结果：

var txtsubcategorycodeid = $("#txtsubcategorycodeid").val();

如果您使用较低版本的ASP.NET（<4），则可以使用ClientID属性来获取要呈现的实际ID，如下所示：

var txtsubcategorycodeid = $("#<%= txtsubcategorycodeid.ClientID %>").val();