-1

我正在尝试将 5 个文本字段连接成 2 种不同的格式，并将每种特定格式输出到同一表单/页面中的 2 个单独的文本区域。

附加的代码可以很好地输出到 TextArea1，但不会输出到我的第二个 TextArea2。

所以 C+A、B+D、E 来填充 TextArea1。和 C+D、A、B+E 填充 TextArea2。

任何帮助/建议将不胜感激。谢谢你。

    <html>
    <script type="text/javascript">
    function setName()
    {document.forms[0].TextArea1.value = document.forms[0].TextC.value + ' ' + document.forms[0].TextA.value + ', ' + document.forms[0].TextB.value + ' ' + document.forms[0].TextD.value + ', ' + document.forms[0].TextE.value}
    </script>



    <script type="text/javascript">
    function setName()
    {document.forms[0].TextArea2.value = document.forms[0].TextC.value + ' ' + document.forms[0].TextD.value + ', ' + document.forms[0].TextA.value + ', ' + document.forms[0].TextB.value + ' ' + document.forms[0].TextE.value}
    </script>

    <head>
    </head>
    <body>
    <form method="post">
    <table >

<tr>
  <td style="width: 421px">
  <input name="TextA" onkeyup="setName()" type="text" />&nbsp; </td>
</tr>


<tr>
  <td style="width: 421px">
  <input name="TextB" onkeyup="setName()" type="text" /> </td>
</tr>


<tr>
  <td style="width: 421px">
  <input name="TextC" onkeyup="setName()" type="text" /> </td>
</tr>


<tr>
  <td style="width: 421px">
  <input name="TextD" onkeyup="setName()" type="text" /> </td>
</tr>


<tr>
  <td style="width: 421px">
  <input name="TextE" onkeyup="setName()" type="text" /> </td>
</tr>


<tr>
  <td style="width: 421px"><strong>C+A, B+D, E</strong><br />
  Created this outcome:<br />
  <input name="TextArea1" onfocus="setName()" style="width: 286px; height: 90px" type="text" wrap="hard" />
  <br />
  </td>
</tr>

<tr>
  <td style="width: 421px"><strong>C+D, A, B+E</strong><br />
  Created this outcome:<br />
  <input name="TextArea2" onfocus="setName()" style="width: 286px; height: 90px" type="text" wrap="hard" /></td>
</tr>

<tr>
  <td style="width: 421px"><strong>Clear Form</strong><br />
  <input name="Reset2" type="reset" value="reset" />&nbsp; </td>
</tr>
      </table>
    </form>
    </body>
    </html>
4

3 回答 3

4

你有两个同名的函数；第二个覆盖第一个。

于 2012-11-26T17:09:45.003 回答
1

您对这两个函数使用相同的函数名称。第二个覆盖第一个。将其更改为setNameTwo()或类似的东西，它应该可以正常工作。

于 2012-11-26T17:12:23.610 回答
0

您有setName()两次定义的功能。第一个被调用，但不是第二个。将第二个setName代码和已经存在的代码一起放入第一个代码，它就会工作。

<script type="text/javascript">
function setName()
{
    document.forms[0].TextArea1.value = document.forms[0].TextC.value + ' ' + document.forms[0].TextA.value + ', ' + document.forms[0].TextB.value + ' ' + document.forms[0].TextD.value + ', ' + document.forms[0].TextE.value;
    document.forms[0].TextArea2.value = document.forms[0].TextC.value + ' ' + document.forms[0].TextD.value + ', ' + document.forms[0].TextA.value + ', ' + document.forms[0].TextB.value + ' ' + document.forms[0].TextE.value
}
</script>
于 2012-11-26T17:11:28.120 回答