Question

编辑：

我在HTML中有2个下拉菜单：

首先是获得汽车品牌:(工作正常）

<form action="car-list.php" method="get">
<select name="search" id="main_list" >
<option value="BMW"<?php if ($_GET['search']== 'BMW') {echo "selected='selected'"; }   ?>>Bmw</option>
</select>
</form>

用户选择品牌后，第二个下拉菜单将被激活＆＃39;选择汽车的型号：

<select  name="model"  id="brand" class="secondary">
<option disabled selected> Kies </option>
</select>

激活＆＃39;使用以下JS代码的第二个下拉菜单：

$(function() {
var sel, i,
    list = ['aixman', 'alfaromeo', 'bmw'],
    aixman = ['Aixman'],
    alfaromeo = ['33', '75'],
    bmw= ['1-serie','3-serie','4-serie','5-serie','6-serie'],
    astonmartin = ['Cygnet', 'DB7'],

    dev_default = '<option value="default" selected>Kies</option>',



sel_brand = $('#brand');
sel_version = $('#version');

$('select').change(function() {
    switch (this.id) {
        case 'main_list':
            sel_brand.find('option').remove();
            sel_brand.append(dev_default);
            sel_brand.show();
            if (this.value == 'BMW') {
                for (i = 0; i < bmw.length; i++) {
                    $("#brand").append(
                        '<option value="' + bmw[i] + '">' + bmw[i] + '</option>'
                    );        
                }

            }
            break;

    }
});

}); //END document.ready()

我刚刚更新了我的JS代码：如何在提交/刷新页面后回显我的第二个Dropbox菜单的选定值？

Answer 1

我建议您更改服务器端PHP代码以适应此功能。

步骤：

每当提交表单时，使用菜单1选择，获取菜单2的所有值并设置变量。
在第二个菜单的HTML中，检查步骤1中的变量isset()，如果是，则在循环中为菜单2的选项创建HTML。此外，在执行此操作时，使用表单提交中的选定值，预先选择该选项。如果empty()，则不执行任何操作。

当用户在菜单1中进行选择时，JavaScript将启动并执行其任务。每当提交表单时，都会预先创建菜单2。

希望这能让你朝着正确的方向前进。请问您是否在实施方面遇到任何困难。

提交表单后，保留下拉菜单的$ _GET值

1 个答案: