JavaScript Forum

**ValC** · 08-29-2006, 10:36 AM

I have a PHP upload form, but i want the contents of the file field (containing the path to file being uploaded) to be automatically copied to another normal text field in the same form.

How can i do this?

Thanks alot

**funkdaddu** · 11:37 AM

Like this?

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function showFileName(x) {
	document.FormName.textfieldName.value = x;
}
window.onload = function() {
	document.FormName.fileGetterName.onchange = function() {
		showFileName(this.value);
	}
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<form id="FormName" action="" method="get" name="FormName">
			<input type="file" name="fileGetterName" size="16">
			<input type="text" name="textfieldName" size="35">
		</form>
	</body>

</html>

**ValC** · 03:00 PM

Thanks alot!

This may be pushing my luck, but is there also a way to do the oposite? Automatically change the value in a file field by whats in a text field?

Appreciated.

**funkdaddu** · 08-29-2006, 04:16 PM

Nope, via JS the file input's value is read only, AFAIK.