Display images based in a form field value

[resa]

Hi,

I have a form with fields: asset_name, asset_type and asset_serialNumber.

How can I dispay one image that is in the "/assetserianumber" folder using javascript based on the content of asset_serialNumber form field?

The image will be named "assetserianumber".jpg

Thanks!

RESA

[3Nex]

function displayImage( serialNumber ) {

   document.getElementById("image").src = serialNumber + ".jpg";

}

Assuming "image" is the ID of the image element. And now you can invoke this function after the value of the field changed or whatever...

<input type="text" name="asset_serialNumber" onkeyup="displayImage( this.value );"/>