Javascript 动态变量

Question

我有一个小函数可以改变表单输入的类型(我用它来改变一个提交按钮)。我在某个地方找到了它，但不是我自己写的，它只是一小段方便的小代码，如下所示:

function change_input_type(id,x)
{
    var id;
    var x;

    // Change input type
    document.getElementById(id).type = x;
}

我使用 onClick 调用它:

onClick="change_input_type('myButton','submit');

但我希望它也能够更改输入的值(在某些情况下我想将另一个隐藏的输入从 0 更改为 1)。我知道我可以创建另一个函数，将其重命名为 change_input_value，然后将 document.getElementById(id).type 更改为 document.getElementById(id).value 但我想要一个通用函数，像这样:

function change_input(id,x,y)
{
    var id;
    var x;
    var y;

    // Change input
    document.getElementById(id).x = y;
}

然后像这样点击:

onClick="change_input('myButton','type','submit');"
onClick="change_input('myHidden','value','1');"

但是当我尝试它时它不会工作。我通常使用 php 而我对 JavaScript 不是很熟练...所以我想知道我在这里做错了什么？

Answer 1

通过[..](方括号表示法)访问对象属性将允许您使用变量的值作为属性名称。

document.getElementById(id)[x] = y;

检查 MDN Property accessor - bracket notation了解更多详情。