javascript - 根据选择值显示文件输入

Question

更新修复更好地使用 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>

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

JavaScript 似乎不适用于选定的 == '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>

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

 <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>

这是我的脚本:

<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>

Answer 1

而不是这个:

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

尝试使用这个:

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