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

如何使用javascript将数据返回到html字段,javascript,html,Javascript,Html,我有各种文本字段,每个字段旁边都有一个网格中的按钮。当我单击一个按钮时,它会将一个值返回到它旁边的文本字段。问题是让它知道将数据返回到哪个文本字段。我现在已经将它设置为通过函数传递一个参数,该函数被放入一个隐藏字段中,switch语句检查该字段,以便知道将数据发送回哪个字段 它可以工作,但似乎我应该能够用更少的代码完成这项工作,而且不是静态编程的(我不想在向表单添加新字段时手动更新switch语句)。我希望有一个简单的答案,我对编程和任何我不理解的复杂事物都是新手 我得到的一个简化示例是: &l

我有各种文本字段,每个字段旁边都有一个网格中的按钮。当我单击一个按钮时,它会将一个值返回到它旁边的文本字段。问题是让它知道将数据返回到哪个文本字段。我现在已经将它设置为通过函数传递一个参数,该函数被放入一个隐藏字段中,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>




函数populateField(输入){ document.testForm.lineID.value=输入; var元素=document.getElementById(“lineID”); var lineID=element.value; 开关(lineID){ 案例“1”: document.testForm.input1.value=“some value”; 打破 案例“2”: document.testForm.input2.value=“some value”; 打破 案例“3”: document.testForm.input3.value=“some value”; //等 } }
每个
“document.testForm.input#value”
都不使用单独的大小写,如何使用变量替换
“input#”

使用括号表示法:

document.testForm['input' + lineID].value
使用括号表示法:

document.testForm['input' + lineID].value
标准化您的HTML:请使用小写HTML标记,并双引号引用所有属性值。标准化您的HTML:请使用小写HTML标记,并双引号引用所有属性值。