0

我有这个代码：

<script type="text/javascript">
    $(document).ready(function(){
        $("select#type").attr("disabled","disabled");
        $("select#model").attr("disabled","disabled");
        $("select#category").change(function(){
        $("select#type").attr("disabled","disabled");
        $("select#type").html("<option>Please wait...</option>");
        var id = $("select#category option:selected").attr('value');
        $.post("../select_type.php", {id:id}, function(data){
            $("select#type").removeAttr("disabled");
            $("select#type").html(data);
        });
    });
    $("select#type").change(function(){
        $("select#model").attr("disabled","disabled");
        $("select#model").html("<option>Please wait...</option>");
        var id2 = $("select#type option:selected").attr('value');
        $.post("../select_model.php", {id2:id2}, function(data){
            $("select#model").removeAttr("disabled");
            $("select#model").html(data);
        });
    });
    $("form#select_form").submit(function(){
        var cat = $("select#category option:selected").attr('value');
        var type = $("select#type option:selected").attr('value');
        var model = $("select#model option:selected").attr('value');
        if(cat>0 && type>0 && model >0)
        {
            var model = $("select#model option:selected").html();
            var type = $("select#type option:selected").html();
            $("#result").html('<br>Your choice: ' + type + ' ' + model + '.');
        }
        else
        {
            $("#result").html("<br>You have to fill every field!");
        }
        return false;
    });
});

它是一个 3 级级联下拉菜单系统，使用 PHP 从数据库中获取数据。我的问题是，每当我达到第三级（例如，大陆-> 国家-> 城市），并且我将大陆更改为其他一些或“未选择”时，其他两个级别都不会重置。当大陆选择输入没有选择任何值时，它们应该处于非活动状态并重置。我怎么能解决这个问题？

4

1 回答 1

0

在$("select#category").change()禁用/清空#model 中，并在执行ajax 请求并启用#type 选择之前检查所选值。

于 2013-08-18T15:50:41.853 回答