Upon the click of a button I need to display the appropriate variable to a specific text-box. I’ve set the variables up in an array so when the user clicks the “Input” button a prompt will appear and ask four questions (1 per each column).
I’ve attempted to display each prompt with a text box. That’s where my problem occurs. Thanks!
<html>
<head></head>
<title></title>
<script type="text/javascript">
function buttonMsg() {
varData = new Array()
varData[0] = prompt("Please enter first name.","")
varData[1] = prompt("Please enter last name.","")
varData[2] = prompt("Please enter phone number.","")
varData[3] = prompt("Please enter address.","")
}
</script>
<body>
<table border="1">
<tr>
<td>0,0 CustomerID</td>
<td>1 FirstName </td>
<td>2 LastName </td>
<td>3 Phone </td>
<td>4 Address </td>
</tr>
<tr>
<td>1 Customer1 <input type="button" value="Input" onclick="buttonMsg()" /> </td>
<td><INPUT TYPE="text" NAME="inputbox" VALUE="varData[1]"></td>
<td><INPUT TYPE="text" NAME="inputbox" VALUE="varData[1]"></td>
<td><INPUT TYPE="text" NAME="inputbox" VALUE="varData[2]"></td>
<td><INPUT TYPE="text" NAME="inputbox" VALUE="varData[3]"></td>
</tr>
<tr>
<td>2 Customer2 </td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>3 Customer3</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>4 Customer4 </td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
try this: