【发布时间】：2017-06-02 23:55:06
【问题描述】：
更新修复更好地使用 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>
【问题讨论】：
标签： javascript jquery laravel