Append items at runtime to a dropdownlist

最新推荐文章于 2012-02-22 14:09:47 发布

lvincent_china

最新推荐文章于 2012-02-22 14:09:47 发布

阅读量263

点赞数

分类专栏： JQUERY 文章标签： asp server function c html div

本文链接：https://blog.csdn.net/lvincent_china/article/details/7209557

版权

JQUERY 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html xmlns=" http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=DropDownList1.ClientID %>').bind("change", function () {
                $('#<%=DropDownList2.ClientID %> option').remove();
                var dropList = $('#<%=DropDownList2.ClientID %>')
                dropList.append("<option value=''>please select</option>");
                if ($(this).val() == "1") {
                    dropList.append("<option value='A1'>A1</option>");
                }
                if ($(this).val() == "2") {
                    dropList.append("<option value='B1'>B1</option>");
                    dropList.append("<option value='B2'>B2</option>");
                    dropList.append("<option value='B3'>B3</option>");
                }
                if ($(this).val() == "3") {
                    dropList.append("<option value='C1'>C1</option>");
                    dropList.append("<option value='C2'>C2</option>");
                    dropList.append("<option value='C3'>C3</option>");
                }
            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem Value="" Text="please select"></asp:ListItem>
            <asp:ListItem Value="1" Text="ItemA"></asp:ListItem>
            <asp:ListItem Value="2" Text="ItemB"></asp:ListItem>
            <asp:ListItem Value="3" Text="ItemC"></asp:ListItem>
        </asp:DropDownList>
        <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
    </div>
    </form>
</body>
</html>

lvincent_china

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Append items at runtime to a dropdownlist

http://www.w3.org/1999/xhtml"> $(document).ready(function () { $('#').bind("change", function () { $('# option').remove(); v
复制链接

扫一扫

专栏目录