Copy field to another field web form

I am trying to build on online employment application.  I've got everything set but one item.  Part of the application process is they can upload a resume if they would like, the file field browses the file system so they can select a file.  Once selected it uploads with the form information they have provided.  I am trying to copy one field to another field within the form so when the data is saved, I know the name of the file they uploaded for their resume.  Everything works fine on explorer, google chrome, mozilla.  I can't get this to work on Safari, Macs or any mobile device.  Here is the code I am using to copy the original file field name to another hidden text field.    

<script>  
    var form = document.getElementById('form1');
form.elements.fle.onblur = function () {
    var form = this.form;
    form.elements.fle2.value = form.elements.fle.value;
};
    </script>

The file transfer and all other data are saved on every type of browser (including the mobile devices) the only thing not working is the name of the file they uploaded on the systems I mentioned before (to the hidden text field).  I hope I have provided enough information.  I am somewhat new at this web development thing and hoping someone can point me in the right direction.

Thank you in advance for any assistance.
rick123456789Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

dgrafxCommented:
function blr(f1,f2) {
     document.getElementById(f2).value = document.getElementById(f1).value;
}
should work across browsers
you can use onblur="blr('fle1','fle2')"
you need to give each input an id - which i'm not sure if you've done or not
input id="fle1" & input id="fle2"
0
Slick812Commented:
greetings  rick123456789, , I am not sure that your Form element access with code -
     form.elements.fle2.value = form.elements.fle.value;

is at all correct for some browsers. For me if I know the "name" of a form element, I can just property it from the DOM FORM object, as in if names is "hidden1" and "text1"
form1.hidden1.value = form1.text1.value;

if you use the FORM elements array, you can get individual elements by NAME with -
   form1.elements.namedItem("hidden1").value;

However the FORM file upload INPUT is a Different setup than any other Input, and it's "File name" value is NOT available in some browsers for access by some javascripts.
But, On the SERVER side code you already get the UPLOADED file name, without any hidden input copy, as all file uploads are delivered with a "File Name" from the Operating System that they came from.
0
dgrafxCommented:
something slick812 said prodded me into reading your post again - I believe I misunderstood ...

you are uploading a file
your file upload code on your backend will return the original filename - if asked
you are probably getting some useless temp filename when using form.fle
the syntax depends on the language you are using - what language are you using on the backend?

for ex:
https://www.google.com/?gws_rd=ssl#newwindow=1&q=how+to+return+the+uploaded+filename+in+php&spell=1
or
https://www.google.com/?gws_rd=ssl#newwindow=1&q=how+to+return+the+uploaded+filename+in+java
or
https://www.google.com/?gws_rd=ssl#newwindow=1&q=how+to+return+the+uploaded+filename+in+coldfusion
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

rick123456789Author Commented:
Slick812,

php writes the information on server side to a text file that is downloaded and imported into a database at the main office.  Download and import is automated.
0
rick123456789Author Commented:
sorry previous post should have been addressed to "dgrafx"
0
rick123456789Author Commented:
Got it.  Thanks dgrafx.  I had to dump the java and go back server side with php.  Once I got it to write the file name via the php post all browsers work.
0
rick123456789Author Commented:
Thanks again :-)
0
dgrafxCommented:
Glad it worked out!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Applications

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.