Question

我有一个用户选择区域：

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

我知道我可以使用点击功能查看选择的用户输入。有没有办法做到这一点（那里然后）？然后，如果选择该选项，则显示隐藏文件上载。

Answer 1

试试这个：

.footer {
    height: 20px;
    width: 100%;
    bottom: 0;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    padding: 20px 0;
}

这有效：

http://jsfiddle.net/dL8evt33/

：）

Answer 2

您可以通过挂钩change的{{1}}事件并检查所选值来实现此目的。然后，您可以根据需要使用select隐藏或显示toggle()。试试这个：

input

Example fiddle

Answer 3

首先删除display: none;现在写下这段代码。

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

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

Answer 4

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

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

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

4 个答案: