Javascript 根据选择值显示文件输入

更新修复了更好地使用document.getElementById的问题：

 <script>
    $('.cert_medical').hide();

    $('#activite').change(function () {
        var selected = document.getElementById('activite').value;

        if(selected == 18 ){

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();

        }else if(selected == 19 ) {

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();


        }else if(selected == 20 ){

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();

        }else if(selected == 21 ){

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();

        }else if(selected == 22 ){

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();

        }else if(selected == 24 ) {

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();

        }else if(selected == 25 ) {

            alert("Un certificat Médical est obligatoire pour ce type d'activité");

            $('.cert_medical').show();

        }else if(selected == 50 ){

                alert("Un certificat Médical est obligatoire pour ce type d'activité");

                $('.cert_medical').show();

        }else {

            $('.cert_medical').hide();

        }


        console.log(selected);
    });


</script>

$（'.cert_medical'）.hide（）；
$（'#activite'）。更改（函数（）{
所选变量=document.getElementById（'activite'）。值；
如果（所选==18）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==19）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==20）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==21）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==22）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==24）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==25）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则如果（所选==50）{
警报（“联合国医疗责任证书”类型d'activité）；
$（'.cert_medical'）.show（）；
}否则{
$（'.cert_medical'）.hide（）；
}
console.log（选中）；
});

我试图根据选择框的结果显示文件输入值，但输入没有显示我不知道我是否做错了什么！希望有人能帮助我

javascript似乎不能和selected='Président'（foreach的值）一起工作

这里是我的选择：

 <select name="activite" id="activite" class="form-control select2">
                            @foreach($activites as $activite)
                                <option value="{{ $activite->id }}">{{ $activite->lb_activite }}</option>
                            @endforeach
                        </select>

@foreach（$activite作为$activite）
{{$activite->lb_activite}
@endforeach

这里是默认情况下隐藏的“我的输入文件”字段

 <div class="form-group col-md-5 {!! $errors->has('cert_medical') ? 'has-error' : '' !!}">
                        <div id="cert_medical">
                        <label>Certificat Médical : </label>
                        {!! Form::file('cert_medical' , null ,  ['class' => 'form-control', 'placeholder' => 'Certification Médicale']) !!}
                        </div>
                    </div>

医学证书：
{！！Form:：file（'cert_medical'，null，['class'=>'表单控件'，'占位符'=>'证书医学']）

下面是我的脚本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<script>
        $('#cert_medical').hide();

        $('#activite').change(function () {
        var selected = $('#activite option:selected').text();
        $('#cert_medical').toggle(selected == "Président");

        });
</script>

$（'cert_medical'）。隐藏（）；
$（'#activite'）。更改（函数（）{
var selected=$（“#活动选项：selected”）.text（）；
$（“#cert_medical”）。切换（所选==“Président”）；
});

而不是这个：

$('#cert_medical').toggle(selected == "Président");

尝试使用以下方法：

 $('#cert_medical').show();
 $("#cert_medical").val(selected);

---

谢谢你的回复Onix！我尝试过，但仍然没有显示文件字段使用表单控件而不是表单控件select2！但是现在我想显示它，如果值是“Président”