Question

点击按钮后，我需要在特定的文本框中显示相应的变量。我已将变量设置在一个数组中，因此当用户单击“输入”按钮时，将出现一个提示并提出四个问题（每列1个）。

我试图用文本框显示每个提示。这就是我的问题发生的地方。谢谢！

<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>

Answer 1

试试这个：

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.","")

   document.getElementsByName('inputbox')[0].value = varData[0];
   document.getElementsByName('inputbox')[1].value = varData[1];
   document.getElementsByName('inputbox')[2].value = varData[2];
   document.getElementsByName('inputbox')[3].value = varData[3];
}

Javascript：需要帮助才能在文本框中显示变量

1 个答案: