Javascript 重置下拉列表中未选定字段的值

我有一个dropbox，当选中它时，它会显示其各自的字段

在第一个图像中，您可以看到有一个人没有ID，所以当选中时，它会显示出来 比如：

如果你看到我加了12

现在，如果我改变主意并选择另一个选项（具有ID的人），则会显示一个字段，如下所示：

我加了9999

这没关系，但现在如果我再次改变主意并返回到其他选定选项，则值仍然存在，如：

我想清洗它们。。。我怎样才能做到这一点

再次填充所有相应的字段并不重要，如果选择，我希望在这种情况下重置值 没有ID的人，删除9999，另一方面，如果我选择有ID的人，我想重置vakue 12

jquery的一些代码是：

//function available 
function validate(id, msg) {
    var obj = $('#' + id);
    if(obj.val() == '0' || obj.val() == ''){
        $("#" + id + "_field_box .form-error").html(msg)
        return true;
    }
    return false;
}

$(function () {
    $('#has_id').show();
    $('#select_person').change(function () {
        $('.persons').hide();
        if ($('#select_person').val() == 'typeA') {
            $("#has_id").html('');
            $("<option/>").val('0').text('--Choose Type A--').appendTo("#has_id");
            $("<option/>").val('person-A-withID').text('person-A-withID').appendTo("#has_id");
            $("<option/>").val('person-A-withoutID').text('person-A-withoutID').appendTo("#has_id");
        }

        if ($('#select_person').val() == 'typeB') {
            $("#has_id").html('');
            $("<option/>").val('0').text('--Choose Type B--').appendTo("#has_id");
            $("<option/>").val('person-B-withID').text('person-B-withID').appendTo("#has_id");
            $("<option/>").val('person-B-withoutID').text('person-B-withoutID').appendTo("#has_id");
        }


    });

    $('#has_id').change(function () {
        $('.persons').hide();
        $('#' + $(this).val()).show();
    });

});







var validation = function(){
            var err = 0;
            err += validate('select_person', "select person.");
            err += validate('has_id', "Select whether it has an ID or not.");   

            if(err == 0){
               alert('continue');
            }else{
                alert('error');
            }

        };

//函数可用
函数验证（id、msg）{
var obj=$（“#”+id）；
if（obj.val（）='0'| | obj.val（）==''）{
$（“#”+id+“_field_box.form error”）.html（msg）
返回true；
}
返回false；
}
$（函数（）{
$（“#具有_id”）.show（）；
$（'#选择人'）。更改（函数（）{
$（'.persons'）.hide（）；
如果（$（'#选择人'）.val（）=='typeA'）{
$（“#有#id”）.html（“”）；
$（“”）.val（'0'）.text（'--选择类型A--'）.appendTo（“#具有_id”）；
$（“”）.val（'person-A-withID'）.text（'person-A-withID'）.appendTo（'has#id'）；
$（“”）.val（'person-A-without-id'）.text（'person-A-without-id'）.appendTo（'has#id'）；
}
如果（$（'#选择#个人'）。val（）=='typeB'）{
$（“#有#id”）.html（“”）；
$（“”）.val（'0'）.text（'--选择类型B--'）.appendTo（“#具有_id”）；
$（“”）.val（'person-B-withID'）.text（'person-B-withID'）.appendTo（'has#id'）；
$（“”）.val（'person-B-without-id'）.text（'person-B-without-id'）.appendTo（'has#id'）；
}
});
$（'#具有_id'）。更改（函数（）{
$（'.persons'）.hide（）；
$（'#'+$（this.val（））.show（）；
});
});
var验证=函数（）{
var-err=0；
err+=validate（'select_person'，“select person.”）；
err+=validate（'has_id'，“选择它是否有id”）；
如果（错误==0）{
警报（“继续”）；
}否则{
警报（“错误”）；
}
};

只需进行以下更改：

$('#has_id').change(function () {
    $('.persons input').val('');
    $('.persons').hide();
    $('#' + $(this).val()).show();
});

新小提琴：

---

只要更改#has_id下拉列表，即可清除所有值。

只需进行以下更改：

$('#has_id').change(function () {
    $('.persons input').val('');
    $('.persons').hide();
    $('#' + $(this).val()).show();
});

新小提琴：

---

只要对#has_id下拉列表进行更改，它就会清除所有值。

它似乎已经完成了您所说的应该做的事情。是的，如果ypu使用它，您看到值没有重置，它就会被存储，所以我想重置未选择的下拉列表的相应值。您的意思是？它似乎已经做了你说的应该做的事情是的，如果你用ypu播放，你看到值没有重置，它被存储了，所以我想重置没有选择的下拉列表的相应值你的意思是这样的？