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();