js清空web用户控件的值

全栈极简

于 2016-06-16 22:33:00 发布

阅读量33

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript html 服务器开发语言

本文链接：https://blog.youkuaiyun.com/chinacsharper/article/details/133064618

本文介绍如何在ASP.NET中使用用户控件，并通过JavaScript与DropDownList控件进行交互实现清空下拉框选中项的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

假设你的用户控件里面有：

<asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem Text="111" Value="111"></asp:ListItem>
</asp:DropDownList>

然后你在aspx页面中注册这个控件：

<%@ Register Src="~/WebUserControl1.ascx" TagName="ssss" TagPrefix="guwei4037" %>

并且使用了它。再放一个按钮用于测试。

<div>
    <guwei4037:ssss ID="sss" runat="server" />
    <button onclick="return ttt()">清空</button>
</div>

js部分：

<script>
    function ttt() {
        var ctl = document.getElementById("<%=sss.FindControl("DropDownList1").ClientID%>");
        ctl.value = "";
        return false;
    }
</script>

当点击这个button时，dropdownlist清空(可以重新选择)。