javascript - 如何使用javascript将数据返回到html字段

Question

我有各种文本字段，每个文本字段旁边都有网格中的按钮。当我单击按钮时，它会向其旁边的文本字段返回一个值。问题是让它知道将数据返回到哪个文本字段。我目前已将其设置为传递带有放入隐藏字段的函数的参数，并且 switch 语句检查该字段以便知道将数据发送回哪个字段。

它可以工作，但似乎我应该能够使用更少的代码来完成此操作，并且不需要静态编程(当我添加新字段时，我不想手动更新 switch 语句)表格)。我希望有一个简单的答案，我是编程新手，任何复杂的事情我都无法理解。

我所得到的一个简化示例是这样的:

<form action="#" name="testForm">
    <input type="text" name="input1" size="20">
    <input type=button value="get data" onClick="populateField(1)"/>
    <br>
    <input type="text" name="input2" size="20">
    <input type=button value="get data" onClick="populateField(2)"/>
    <br>
    <input type="text" name="input3" size="20">
    <input type="button" value="get data" onClick="populateField(3)"/>
    <br>
    <input type="text" name="lineID" size=1 style="display:none"/>
</form>

<script>
    function populateField(input) {
        document.testForm.lineID.value = input;
        var element = document.getElementById("lineID");
        var lineID = element.value;
        switch (lineID) {
            case "1":
                document.testForm.input1.value = "some value";
                break;
            case "2":
                document.testForm.input2.value = "some value";
                break;
            case "3":
                document.testForm.input3.value = "some value";
            //etc
        }
    }
</script>

而不是为每个 "document.testForm.input#.value" 单独设置一个案例，如何使用该变量来替换 "input#" ？

Answer 1

使用括号表示法:

document.testForm['input' + lineID].value