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

根据选择值

1 个答案: