pass file data to label

i need when i select file the file name wil be replaced with Select file

  $("#add").click(function() {
  if($('#variant').val() == "file"){
        $("#main").append(' <div class=" field"><label class="upload-input ui label" for="files" class="btn"><i class="file archive icon"></i> Select File (zip)</label><input multiple onchange="showname()" id="files" style="display: none;"  type="file" id="file" /></div>');
  }
  if($('#variant').val() == "repository"){
        $("#main").append('<input type="text" />');
  }

  });
  function showname () {
        var name = document.getElementById('files');
        alert('Selected file: ' + name.files.item(0).name);
        alert('Selected file: ' + name.files.item(0).size);
        alert('Selected file: ' + name.files.item(0).type);
  };

via Chebli Mohamed