使用 onchange 在第二个字段 javascript 中输入数据

Using onchange to enter data in second field javascript

本文关键字:输入 数据 javascript 字段 onchange 第二个 使用      更新时间:2023-09-26

我试图将两个表单放在一个页面上,但只有一个可以进行选择的主显示区域。 我的页面看起来像这样:

序列 ID---选择处理器---选择审阅者

1-------------------A------------------------B---------------操作按钮

2-------------------A------------------------B---------------操作按钮

3-------------------A------------------------B---------------操作按钮

其中 A 和 B 是用户可以选择的淹没列表。

然后,在页面的单独部分和单独的表单中,上面选择的 A 和 B 将填充在单独的文本字段中。 问题在于这两种形式的处理方式。 上面的"操作按钮"根本不使用 A 和 B 下拉信息。 但为了使显示更简洁,我不想让用户滚动到页面的各个部分进行不同的操作。 太混乱了。

这是踢球者。 序列中的总数将根据表单而有所不同。 因此,我需要为字段创建一个数组。 我知道这没有多大意义,所以我这是我的代码:

<script type="text/javascript">
function myFunction() {
document.proc[1].value = f.processor[1].value;
            document.write.getElementById("proc[1]").value;
            document.rev[1].value = f.reviewer[1].value;
            document.write.getElementById("rev[1]").value;
            document.proc[2].value = f.processor[2].value;
            document.write.getElementById("proc[2]").value;
            document.rev[2].value = f.reviewer[2].value;
            document.write.getElementById("rev[2]").value;
            document.proc[3].value = f.processor[3].value;
            document.write.getElementById("proc[3]").value;
            document.rev[3].value = f.reviewer[3].value;
            document.write.getElementById("rev[3]").value;
        }
</script>
<form id="form" action="thispage.php" method="post">
    <select name="processor[1]" onchange="myFunction(this.document)"  id="processor[1]">
        <option value="0">--Please select from the list...</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
    <select name="reviewer[1]" onchange="myFunction(this.document)" id="reviewer[1]">
        <option value="0">--Please select from the list...</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
    <select name="processor[2]" onchange="myFunction(this.document)"  id="processor[2]">
        <option value="0">--Please select from the list...</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
    <select name="reviewer[2]" onchange="myFunction(this.document)" id="reviewer[2]">
        <option value="0">--Please select from the list...</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
    <select name="processor[3" onchange="myFunction(this.document)"  id="processor[3]">
        <option value="0">--Please select from the list...</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
    <select name="reviewer[3]" onchange="myFunction(this.document)" id="reviewer[3]">
        <option value="0">--Please select from the list...</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
<input type="submit" name="action" value="Action Button">
</form>
<form id="newForm" action="thisform.php" method="post">
    <input type="text" name="proc[1]" id="proc[1]">
    <input type="text" name="rev[1]" id="rev[1]">
    <input type="text" name="proc[2]" id="proc[2]">
    <input type="text" name="rev[2]" id="rev[2]">
    <input type="text" name="proc[3]" id="proc[3]">
    <input type="text" name="rev[3]" id="rev[3]">
</form>

当我进行选择时,数据不会输入到 newForm 的文本字段中,这就是我希望发生的事情。

任何人可以提供的任何建议将不胜感激。

为什么选择没有被转移的答案:拥有<input type="text" name="proc[1]" id="proc[1]">不允许你通过document.proc[1]引用它。文档对象模型并不是那么神奇。

其他注意事项:此代码还有很多其他问题,例如 this.documentdocument.write.getElementById(...).value .您可能应该花一些时间学习 JavaScript 和文档对象模型,并找到适合此应用程序的方法。