选择选项上的输入类型文件

Question

是否有一种方法，例如使用bootstrap来放置

input type="file"

option字段中的每个select

这样我可以为每个选项选择一个文件吗？

<fieldset class="form-group">
    <select class="form-control" id="language_selection" name="language_selection[]" multiple>
        @foreach($languages as $languageKey => $languageValue)
            <option value="<?php echo $languageValue->short_name; ?>"><?php echo $languageValue->name; ?></option>
        @endforeach
    </select>
</fieldset>

我想为用户选择的每个选项添加一个输入文件，我该如何实现？

修改

这些是选项值：

'de'
'pt'
'en'
'es'
'ru'
'nl'
'fr'
'bo'
'da'
'et'
'fi'
'sv'
'ge'
'el'
'is'
'it'
'hr'
'lv'
'lt'
'mk'
'ro'
'me'
'nw'
'pl'
'se'
'sk'
'sl'
'cs'
'tr'
'uk'
'hu'
'bg'
'ga'
'mt'

Answer 1

根据您的问题，我能够通过 Jquery 实现以下目标：

  

HTML

<fieldset class="form-group">
<select class="form-control" id="language_selection" name="language_selection[]" multiple>
    <option value="de">Deutschland</option>
    <option value="pt">Portugal</option>
    <option value="en">England</option>
    <option value="es">Espana</option>
</select>
</fieldset>
<div id="divFileInput"></div>

  

Jquery的

$('#language_selection').change(function(){
    var selections = $("#language_selection :selected");
    var html = '';
    $.each(selections,function(i,item){
        html += $(item).text()+':<input type="file" id="'+$(item).val()+'" /><br>';
    })
    $('#divFileInput').html(html);
})

工作小提琴：https://jsfiddle.net/robertrozas/f4ze70yq/