Question

我试图使用jquery隐藏/显示一些控件。但除了fileuploader控件之外，所有其他控件都正常工作。如何隐藏fileuploader控件？

我的源代码是，

<tr>
    <td align="left" class="style2">
        <asp:Label ID="lb12" runat="server" Text="CTC3"></asp:Label>
    </td>
    <td align="left">
        <asp:TextBox ID="txtctc2" runat="server" ClientIDMode="Static" TextMode="SingleLine"></asp:TextBox>
    </td>
</tr>
<tr>
    <td align="left" class="style2">
        <asp:Label ID="lb21" runat="server" Text="Certificate II"></asp:Label>
    </td>
    <td align="left">
        <asp:FileUpload ID="FileUpload3" ClientIDMode="Static" runat="server" />
    </td>
</tr>

我的jquery是，

 $(window).load(function () {
     $('#<%= txtctc3.ClientID %>').hide();
     $('#<%= FileUpload3.ClientID %>').hide();
 });

文件框隐藏页面loade但fileuploade控件不隐藏。请帮帮我

如何隐藏文件控件下方？

<input type="file" id="files" name="files[]" multiple />

Answer 1

尝试添加

 ClientIDMode="Static"

也在文件上传控件中。

Answer 2

使用as，它将隐藏所有文件上传控件。

 $('input[id$="files"]').hide();

Answer 3

将您的代码更改为：

$(window).load(function () {
    $('<%= "#" + txtctc3.ClientID %>').hide();
    $('<%=  "#" + FileUpload3.ClientID %>').hide();
});

如何使用jquery显示/隐藏Fileuploader控件？

3 个答案: