I have a dropdown menu that I want to use to display input files from the database based on the selection made.
Here is the scenario: When a dropdown option is chosen, it should show input files derived from the "loop_atachment" table (based on the selected groupid).
See the image of the database here
Below is the code snippet:
Dropdown in blade :
<select id="groupid" name="groupid" class="form-control">
<option value="">Choose</option>
<option value="1">General</option>
<option value="2">Golf Club</option>
</select>
Input file will be displayed here when a dropdown option is selected:
<div class="form-group">
<label class="control-label">loop attachment</label>
{{ Form::file('image', array(), null, array('id' => 'image', 'class'=>'form-control')) }}
</div>
Javascript/ajax :
$('#groupid').on('change', function(){
$.post('{{ URL::to('lender/dynamic') }}', {type: 'loop_attachment', id: $('#groupid').val()}, function(e){
$('#image').html('');
$('#image').html(e);
});
});
Controller :
public function postDynamic(Request $request)
{
switch(Input::get('type')):
case 'loop_attachment':
$return = '';
foreach(Loop_attachment::where('groupid', Input::get('id'))->get() as $row)
$return .= "$row->doctype <br><input type='file' style='margin-bottom:1px;' name='$row->id' id='image'><br>";
return $return;
break;
endswitch;
}
A file input box should be displayed upon selecting a dropdown option, but currently, it's not working. Any help would be greatly appreciated. Thank you!