Estou com uma função, que ao clicar no dropdownlist, ela verifica e muda a máscara de um campo:
function HideTextBox(ddlId) {
var ControlName = document.getElementById(ddlId.id);
if (ControlName.value == 'P') //it depends on which value Selection do u want to hide or show your textbox
{
document.getElementById('txtCpf').style.display = '';
$("#txtCpf").mask("999.999.999-99");
} else {
document.getElementById('txtCpf').style.display = '';
$("#txtCpf").mask("99.999.999/9999-99");
}
}
Esse é o meu html:
<div class="grid-1-3 margin-txt">
<asp:Label ID="Label5" runat="server" Text="Tipo de Pessoa:"></asp:Label>
<asp:DropDownList ID="ddlIDType" runat="server" onchange="HideTextBox(this);" CssClass="form-control">
<asp:ListItem Value="P">Física</asp:ListItem>
<asp:ListItem Value="L">Jurídica</asp:ListItem>
</asp:DropDownList>
</div>
<div class="grid-1-3 margin-txt">
<asp:Label ID="Label4" runat="server" Text="CPF ou CNPJ"></asp:Label>
<asp:TextBox ID="txtCpf" runat="server" CssClass="form-control" placeholder="CPF ou CNPJ" required="required"></asp:TextBox>
</div>
Porém quando eu não seleciono o campo, ele não carrega a máscara, como posso chamar a função no load do form, passando o campo "ddlIDType" ? Eu tentei passando assim, porém ele me retorna erro:
ScriptManager.RegisterClientScriptBlock(this, GetType(), "", "HideTextBox(" + ddlIDType.SelectedValue + ");", true);
Erro que está me retornando quando carrego a função dessa forma no load:
Uncaught ReferenceError: HideTextBox is not defined