如何在提交前检查选择语句的选择

How to check select statement choice before submission

本文关键字：选择 语句 检查 提交      更新时间：2023-09-26

我有一个用户选择区域:

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

我有一个隐藏字段的形式，允许用户上传他们的简历。我现在需要它，以便如果用户选择提交cv，字段将显示自己。

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

我知道我将能够检查用户输入的选择使用点击功能。有没有一种方法可以做到没有那个(此时此地)?如果选择了该选项，则显示隐藏的文件上传。

试试这个:

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

如此:http://jsfiddle.net/dL8evt33/

:)

您可以通过连接到select的change事件并检查所选值来实现这一点。然后您可以根据需要使用toggle()来隐藏或显示input。试试这个:

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

例子小提琴

先删除display: none;，现在再写这段代码。

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

在更改事件中，您可以使用其id显示输入类型文件。将'file'作为隐藏字段的id -

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