dropdownlist无刷新传值

最新推荐文章于 2021-03-30 18:24:52 发布

转载最新推荐文章于 2021-03-30 18:24:52 发布 · 316 阅读

本文探讨了局部刷新的实现方式，避免使用服务器控件的AutoPostBack属性以防止页面完全刷新。通过jQuery示例展示了如何根据下拉框的选择来动态显示或隐藏特定的div元素，并推荐使用jQuery UI提供的日历插件。

既然局部刷新，其实没有必要用服务器控件，即便用了服务器控件，也不应该将AutoPostBack=”true” ，这将导致页面回发并刷新，因此去掉下拉框的该属性

至于局部改变div的显示和隐藏，可以如下操作，jquery方式
JavaScript code

 $(function () {
        $("#DropDownList2").change(function () {//当下拉框索引发生改变时
            if ($(this).val() == 0) { //如果没有选择，即=请选择姓名= 时，应该是隐藏
                $("#div1").hide();
            }
            else {
                $("#div1").show();//如果有值，则显示
            }

        });
    })