选择某个字段时，在表单中清除字段？

Question

问题我有以下脚本在选择特定字段时清除某些字段：

$(document).ready(function(){
        var $zip = $('#zip');
        var $city = $('#city');
        var $hospital = $('#hospital');
        var $miles = $('#miles');

        $zip.on("change",function(){
            $('#city option[value=""]').prop('selected',true).trigger('input');
            $hospital.val('').trigger('input');
        });

        $city.on("change",function(){
            $zip.val('').trigger('input');
            $miles.val('').trigger('input');
        });

        $hospital.on("change",function(){
            $zip.val('').trigger('input');
            $miles.val('').trigger('input');
        });

        $zip.one("change", function(){
            $miles.val('').trigger('input');
        });
    });

我想当用户选择里程时，它会清除医院字段和城市字段。所以我认为我可以在同一个函数中执行以下操作：

$miles.on("change", function(){
        $('#city option[value=""]').prop('selected',true).trigger('input');
        $hospital.val('').trigger('input');
    });

然而，它并未明确医院或城市领域的情况。我做错了什么？