JSFiddle - React, Tailwind, and code Playground

HTML

<div class="filename"></div>
<div id="container">
    <input id="example-marketing-material-file-cache1" name="bid[example_marketing_material_cache]" type="hidden" value="1430984214-14326-1254/Banking_Details_Reader.pdf" />
    <input id="example-marketing-material-file-cache2" name="bid[example_marketing_material_cache]" type="hidden" value="1430984214-14326-1254/Banking_Details_Reader.pdf" />
    <input id="example-marketing-material-file-cache3" name="bid[example_marketing_material_cache]" type="hidden" value="1430984214-14326-1254/Banking_Details_Reader.pdf" />
    
</div>

JavaScript

var inputs = $('#container input');
var fileNames = [];
$.each(inputs,function(index,input){
    
    var value = $(input).val();
    if(value){
        fileNames.push(value.replace(/^.*[\\\/]/g, ''));
    }  
  
});
        
$(".filename").text(fileNames.join('|'));
//console.log(fileNames)