2015-08-07 5 views
-1

У меня есть выберите область для пользователя:Как проверить выберите выбор заявление перед представлением

<select class="span12" placeholder="Enquiry Type" name="enquiry" id="enquiry"> 
<option value='' selected></option> 
<option value='cv'>Submit CV</option> 
<option value='vacancy'>Submit Vacancy</option> 
</select> 

У меня есть скрытое поле в форме, которая позволяет пользователю загружать свои резюме. Теперь я нуждаюсь в этом, чтобы, если пользователь выбирает submit cv, поле будет отображаться.

<input type="file" name="cv" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" style="display:none;"> 

Я знаю, что я смогу проверить вход пользователя для выбора с помощью функции щелчка. Есть ли способ сделать это без этого (тут же)? И затем, если выбран этот параметр, отобразите скрытую загрузку файла.

+0

U нужно, что если пользователь выбирает «CV», то контроллер FileUpload должен быть показан и в любой другой условии, что он должен быть скрыт .... М я прав ?? –

ответ

3

Попробуйте это:

$('#enquiry').on('change', function(e) { 
     if($(this).val() === "cv") { 
      $('input[name="cv"]').show(); 
     } 
}); 

Это работает:

http://jsfiddle.net/dL8evt33/

:)

0

Вы можете достичь этого, подключившись к событию changeselect и проверив выбранное значение. Затем вы можете использовать toggle(), чтобы скрыть или показать input по мере необходимости. Попробуйте это:

$('#enquiry').change(function() { 
    $('input[type="file"]').toggle($(this).val() == 'cv'); 
}); 

Example fiddle

+0

Всегда использовать 'on (' для привязки evets, 'change, click, ...' являются вспомогательными методами, которые внутренне вызывают 'on()' – Tushar

+0

Почему? Ярлыки вполне пригодны для использования. Внутренне это точно то же самое. –

+0

Да, они действительны, но прямое использование 'on' сохраняет один вызов функции и немного улучшает производительность. – Tushar

0

удалить display: none; сначала напишите этот код.

$("[id$=fileupload]").hide(); 

if("[id$=enquiry]").val('cv') 
{ 
    $("[id$=fileupload]").show(); 
} 
else 
{ 
    $("[id$=fileupload]").hide(); 
} 
0

В событии смены вы можете отобразить файл типа ввода, используя свой идентификатор. Дайте «файл» как идентификатор для скрытого поля -

$('#enquiry').on('change', function() { 
    if("cv" == this.value){ 
    jQuery("#file").show(); // or jQuery("#file").toggle(); 
    } 
});