回发后如何在下拉列表中保留所选值

How to preserve selected value in drop-down list after postback?

本文关键字：保留 下拉列表      更新时间：2023-09-26
$("#county_id").change(function() {
    $("#vice_county_id").html("<option value='"'">-- Select One --</option>");
    var co_id = $(this).val();
    if(co_id != 0) {
        $.getJSON('./php/includes/vice_county_web_service.php?co_id=' + co_id,function(data) {   
            $.each(data, function() {
                $("#vice_county_id").append($("<option></option>").val(this['vice_county_id']).html(this['vice_county_name']));
            });
        });
    }
});

嗨，伙计们，我有上面的代码，用于根据另一个下拉列表中的选择在一个下拉列表中加载选项。它工作正常，但要完成此操作，我正试图让它变得粘稠。即，如果表单已发布并且县已经选择了值，则副县会预先加载相关选项。基本上在加载时触发 .change 功能。我已经尝试了 .load 和触发器处理程序功能，但它似乎不起作用。有什么想法吗？？谢谢。

据

我所知，为了预填充表单，您需要使用服务器端代码。 你说用户在某处发布了他的代码，但你没有说表单帖子是如何处理的。

我在工作的地方使用 ASP.net，因此每个下拉列表的值都有一个服务器端属性。 然后，当页面呈现时，我将属性的值打印到我的 JavaScript 代码中。 您需要让您的 JavaScript 代码将属性selected='selected'添加到您希望在页面加载时选择的选项。

更新：听起来您是在说您选择下拉列表 1，然后会自动填充下拉列表 2 的选项。 听起来问题是回发后无法保留下拉列表 2，因为它的选项是在页面加载后填充的(通过 AJAX(。 我相信您的问题的解决方案是在代码中设置选定的属性，当您通过 AJAX 成功获取下拉选项时，该属性将运行。

        $.each(data, function() {
            $("#vice_county_id").append($("<option></option>").val(this['vice_county_id']).html(this['vice_county_name']));
            //Check if the option being added was previously selected.
        });

使用 Cookie 存储下拉更改事件的值。

当表单加载时，使用相同的 cookie 检索值并向用户显示他选择的内容。

但是不建议为这项任务维护cookie。

如果 JSTL 是 JSP 页面，则可以使用它。

饼干创建指南http://www.quirksmode.org/js/cookies.html

相关文章：