Hello,
I'm wondering how to add predefined text to many input fields on click of an image.
so I have 4 images and I click one and 4 fields are filled with predefined text. If I click another the text is changed with some other predefined text.
Thanks
I think this may help.
<html>
<head>
<script type="application/javascript">
function msg() {
for(var x=1;x<=4;x++) {
document.getElementById('a' + x).value="hello";
}
}
</script>
</head>
<body>
<img src="" height="50" width="200" onClick="javascript:msg();"><br />
<input type="text" name="a1" id="a1">
<input type="text" name="a2" id="a2">
<input type="text" name="a3" id="a3">
<input type="text" name="a4" id="a4">
</body>SNIP
Thanks. How do I add different text to the fields? Say if it's a name, address, postal code,school.
try this.
<html>
<head>
<script type="application/javascript">
function msg() {
document.getElementById('a1').value="name";
document.getElementById('a2').value="address";
document.getElementById('a3').value="postal";
document.getElementById('a4').value="school";
}
</script>
</head>
<body>
<img src="" height="50" width="200" onClick="javascript:msg();"><br />
<input type="text" name="a1" id="a1">
<input type="text" name="a2" id="a2">
<input type="text" name="a3" id="a3">
<input type="text" name="a4" id="a4">
</body>SNIP
Lol. Thanks very much. Both work well.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.